[ADD] GatsbyJS setup: styled-components, tailwindcss, i18next(translation)

Author: carms-ng

.gitignore

@@ -0,0 +1,71 @@
+.vscode
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# dotenv environment variable files
+.env*
+
+# gatsby files
+.cache/
+public
+
+# Mac files
+.DS_Store
+
+# Yarn
+yarn-error.log
+.pnp/
+.pnp.js
+# Yarn Integrity file
+.yarn-integrity

gatsby-browser.js

@@ -0,0 +1 @@
+import "./src/styles/tailwind.css"

gatsby-config.js

@@ -0,0 +1,54 @@
+module.exports = {
+  siteMetadata: {
+    title: `CoderBunker`,
+    author: `Carms Ng`,
+    description: `coderbunker.ca Website`, 
+  },
+  plugins: [
+    "gatsby-plugin-sharp",
+    "gatsby-transformer-sharp",
+    `gatsby-plugin-react-helmet`,
+    `gatsby-plugin-postcss`,
+    `gatsby-plugin-styled-components`,
+    {
+      resolve: `gatsby-source-filesystem`,
+      options: {
+        name: `images`,
+        path: `${__dirname}/src/assets/images`,
+      },
+      __key: "images",
+    },
+    {
+      resolve: `gatsby-source-filesystem`,
+      options: {
+        path: `${__dirname}/locales`,
+        name: `locale`
+      }
+    },
+    {
+      resolve: `gatsby-plugin-react-i18next`,
+      options: {
+        localeJsonSourceName: `locale`, // name given to `gatsby-source-filesystem` plugin.
+        languages: [`en`, `fr`],
+        defaultLanguage: `en`,
+        // if you are using Helmet, you must include siteUrl, and make sure you add http:https
+        siteUrl: `https://example.com/`,
+        // you can pass any i18next options
+        // pass following options to allow message content as a key
+        i18nextOptions: {
+          interpolation: {
+            escapeValue: false // not needed for react as it escapes by default
+          },
+          keySeparator: false,
+          nsSeparator: false
+        },
+        pages: [
+          {
+            matchPath: '/preview',
+            languages: ['en']
+          }
+        ]
+      }
+    }
+  ],
+};

locales/en/translation.json

@@ -0,0 +1,11 @@
+{
+  "Home": "Home",
+  "Hi people": "Hi people",
+  "Welcome to your new Gatsby site.": "Welcome to your new Gatsby site.",
+  "Now go build something great.": "Now go build something great.",
+  "Go to page 2": "Go to page 2",
+  "Page two": "Page two",
+  "Hi from the second page": "Hi from the second page",
+  "Welcome to page 2": "Welcome to page 2",
+  "Go back to the homepage": "Go back to the homepage"
+}

locales/fr/translation.json

@@ -0,0 +1,11 @@
+{
+  "Home": "Maison",
+  "Hi people": "Salut peeps",
+  "Welcome to your new Gatsby site.": "Bienvenue a your new Gatsby site.",
+  "Now go build something great.": "Maintenent go build something great.",
+  "Go to page 2": "Allez a page 2",
+  "Page two": "Page deux",
+  "Hi from the second page": "Salut de page deux",
+  "Welcome to page 2": "Bienvenue a page deux",
+  "Go back to the homepage": "Retour a Maison"
+}