init commit

Author: wingkwong

.env.sample

@@ -0,0 +1,4 @@
+GOOGLE_ANALYTICS_ID=
+SITE_URL=
+NOCODB_GRAPHQL_XC_TOKEN=
+NOCODB_GRAPHQL_URL=

.eslintignore

@@ -0,0 +1,19 @@
+.github
+
+
+node_modules
+
+public
+
+__mock__
+
+.cache
+
+coverage
+
+public
+
+stories
+
+loaderShim.js
+jest-preprocess.js

.eslintrc.js

@@ -0,0 +1,45 @@
+module.exports = {
+  globals: {
+    __PATH_PREFIX__: true,
+  },
+  plugins: ['@typescript-eslint', 'react', 'prettier'],
+  extends: [
+    'react-app',
+    'airbnb',
+    'plugin:prettier/recommended',
+    'prettier/react',
+  ],
+  parser: '@typescript-eslint/parser', // Specifies the ESLint parser
+  rules: {
+    'react/jsx-filename-extension': [0, { extensions: ['.js', '.jsx'] }],
+    'import/prefer-default-export': 0,
+    'react/prop-types': 0,
+    'no-use-before-define': 'off',
+    '@typescript-eslint/no-use-before-define': ['error'],
+    'arrow-body-style': 'off',
+    'import/extensions': [
+      'error',
+      'always',
+      {
+        ts: 'never',
+        tsx: 'never',
+        js: 'never',
+        jsx: 'never',
+      },
+    ],
+  },
+
+  settings: {
+    'import/resolver': {
+      alias: {
+        map: [
+          ['components', './src/components'],
+          ['lib', './src/lib'],
+          ['styles', './src/styles'],
+          ['types', './src/types'],
+        ],
+        extensions: ['.js', '.jsx', '.tsx', '.ts'],
+      },
+    },
+  },
+};

.gitignore

@@ -0,0 +1,6 @@
+node_modules/
+.cache/
+public
+
+.env
+.env-*

.lintstagedrc

@@ -0,0 +1,6 @@
+{
+  "src/**/*.{js,jsx,ts,tsx}": [
+    "prettier --write",
+    "yarn run lint"
+  ]
+}

.prettierignore

@@ -0,0 +1,4 @@
+.cache
+package.json
+package-lock.json
+public

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "endOfLine": "auto",
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "es5"
+}

LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2021 Wing-Kam Wong, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

README.md

@@ -0,0 +1,50 @@
+# Gatsby with NocoDB (GraphQL) Boilerplate
+
+This boilerplate is based on [gatsby-template](https://github.com/nandiheath/gatsby-template) originally and further integrated with [NocoDB](https://github.com/nocodb/nocodb) GraphQL.
+
+# Features
+
+- Integrated with NocoDB
+- Integrated with i18n (with examples - EN, ZH and KO)
+- Integrated with Google Analytics
+- Integrated with frameworks such as Material UI, Styled Component & TailwindCSS
+- Code Linting
+
+# Prerequisites
+
+- Node.js 12.13.0 or higher
+
+    If you have ``nvm``, you can run ``nvm install 12.13.0`` to install and switch to the minimum version
+
+# Getting Started
+
+## Setup .env
+
+```
+cp .env.sample .env
+# update .env
+```
+
+## Run locally 
+
+```
+npm run dev
+```
+
+View ``gatsby-nocodb-boilerplate`` in the browser
+
+```
+http://localhost:8000/
+```
+
+View GraphiQL
+
+```
+http://localhost:8000/___graphql
+```
+
+## Build
+
+```
+npm run build
+```

gatsby-browser.js

@@ -0,0 +1,12 @@
+import 'styles/global.css';
+import React from 'react';
+import 'lib/i18n';
+import I18nWrapper from 'components/templates/I18nWrapper';
+
+export const wrapPageElement = ({ element, props }) => {
+  return (
+    <I18nWrapper path={props.uri} locale={props.pageContext.locale}>
+      {element}
+    </I18nWrapper>
+  );
+};