smakosh / gatsby-starter-i18n Goto Github PK

View Code? Open in Web Editor NEW

36.0 4.0 7.0 3.3 MB

Gatsby starter with i18n and some cool features

Home Page: https://gatsby-starter-i18n-futt63hiu.now.sh/

License: MIT License

JavaScript 57.92% CSS 42.08%

gatsby i18n seo react context-api recompose pwa

gatsby-starter-i18n's Introduction

Gatsby starter i18n

Getting started

gatsby new https://github.com/smakosh/gatsby-starter-i18n

yarn && yarn start

Features

🌍 i18n with change of direction (rtl)
✍️ Font changes depending on the chosen language
📈 SEO (meta tags, openGraph, structured data, twitter and more...)
📊 One config file containing all the information you have change for SEO's sake
💅 Styled-components
⚛️ Context API
❌ Offline support (Disabled for the moment)
Eslint and workspace settings set to auto lint on save.

Todo

Prepare another config file for the secondary language

gatsby-starter-i18n's People

Contributors

Stargazers

Watchers

Forkers

tanvibhakta zjkdragon kalwalt mohamedragaey diegoachury mayassalman healthwhale

gatsby-starter-i18n's Issues

Your project got broekn by the latest upgraded Gatsby plugins and latest npm packages

Hello!

Your project is not the only that is affected, other several projects I tried to build also are affected. I also have already tried to remove package-lock and yarn-lock, and node_modules, but Gatsby and NPM keep upgrading the latest version when I install other packages via npm. Observe that I always ordered alphabetically the plugins in the file gatsby-config.json, but I reverted to the original order and it still gave errors. I think it is gatsby-cli's problem and or because Gatbsy and NPM forced to upgrade the latest verison, brekaing a lot of projects.

Gatsby and OS details:


  System:
    OS: Linux 5.7 EndeavourOS
    CPU: (16) x64 AMD Ryzen 7 2700X Eight-Core Processor
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 14.3.0 - ~/.nvm/versions/node/v14.3.0/bin/node
    Yarn: 1.22.4 - /usr/bin/yarn
    npm: 6.14.7 - ~/.nvm/versions/node/v14.3.0/bin/npm
  Languages:
    Python: 3.8.5 - /usr/bin/python
  Browsers:
    Firefox: 79.0
  npmPackages:
    gatsby: ^2.13.21 => 2.24.40 
    gatsby-plugin-canonical-urls: ^2.1.2 => 2.3.10 
    gatsby-plugin-catch-links: ^2.1.2 => 2.3.11 
    gatsby-plugin-google-analytics: ^2.1.4 => 2.3.13 
    gatsby-plugin-google-fonts: ^1.0.1 => 1.0.1 
    gatsby-plugin-manifest: ^2.2.3 => 2.4.22 
    gatsby-plugin-mdx: ^1.2.34 => 1.2.34 
    gatsby-plugin-netlify: ^2.1.3 => 2.3.13 
    gatsby-plugin-nprogress: ^2.0.5 => 2.3.10 
    gatsby-plugin-offline: ^2.2.4 => 2.2.10 
    gatsby-plugin-react-helmet: ^3.1.2 => 3.3.10 
    gatsby-plugin-styled-components: ^3.0.0 => 3.3.10 
    gatsby-source-filesystem: ^2.0.1 => 2.3.24 
  npmGlobalPackages:
    gatsby-cli: 2.12.82

And the errors:

For help, see: https://nodejs.org/en/docs/inspector
success open and validate gatsby-configs - 0.025s

ERROR 

Error in "/home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby-plugin-page-creator/gatsby-node.js": Cannot find module 'gatsby-cli/lib/reporter'
Require stack:
- /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby-plugin-page-creator/is-valid-collection-path-implementation.js
- /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby-plugin-page-creator/create-pages-from-collection-builder.js
- /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby-plugin-page-creator/create-page-wrapper.js
- /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby-plugin-page-creator/gatsby-node.js
- /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby/dist/bootstrap/resolve-module-exports.js
- /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby/dist/bootstrap/load-plugins/validate.js
- /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby/dist/bootstrap/load-plugins/load.js
- /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby/dist/bootstrap/load-plugins/index.js
- /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby/dist/services/initialize.js
- /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby/dist/services/index.js
- /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby/dist/state-machines/develop/services.js
- /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby/dist/state-machines/develop/index.js
- /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby/dist/commands/develop-process.js
- /home/gusbemacbe/GitHub/suru-plus-folders/.cache/tmp-416886-o4jAcaKuu690



  Error: Cannot find module 'gatsby-cli/lib/reporter'
  Require stack:
  - /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby-plugin-page-creator/is-valid-collection-path-implementation  .js
  - /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby-plugin-page-creator/create-pages-from-collection-builder.js  - /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby-plugin-page-creator/create-page-wrapper.js
  - /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby-plugin-page-creator/gatsby-node.js
  - /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby/dist/bootstrap/resolve-module-exports.js
  - /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby/dist/bootstrap/load-plugins/validate.js
  - /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby/dist/bootstrap/load-plugins/load.js
  - /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby/dist/bootstrap/load-plugins/index.js
  - /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby/dist/services/initialize.js
  - /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby/dist/services/index.js
  - /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby/dist/state-machines/develop/services.js
  - /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby/dist/state-machines/develop/index.js
  - /home/gusbemacbe/GitHub/suru-plus-folders/node_modules/gatsby/dist/commands/develop-process.js
  - /home/gusbemacbe/GitHub/suru-plus-folders/.cache/tmp-416886-o4jAcaKuu690
  
  - loader.js:1029 Function.Module._resolveFilename
    internal/modules/cjs/loader.js:1029:15
  
  - loader.js:898 Function.Module._load
    internal/modules/cjs/loader.js:898:27
  
  - loader.js:1089 Module.require
    internal/modules/cjs/loader.js:1089:19
  
  - v8-compile-cache.js:159 require
    [suru-plus-folders]/[v8-compile-cache]/v8-compile-cache.js:159:20
  
  - is-valid-collection-path-implementation.js:10 Object.<anonymous>
    [suru-plus-folders]/[gatsby-plugin-page-creator]/is-valid-collection-path-implementation.js:10:40
  
  - v8-compile-cache.js:178 Module._compile
    [suru-plus-folders]/[v8-compile-cache]/v8-compile-cache.js:178:30
  
  - loader.js:1220 Object.Module._extensions..js
    internal/modules/cjs/loader.js:1220:10
  
  - loader.js:1049 Module.load
    internal/modules/cjs/loader.js:1049:32
  
  - loader.js:937 Function.Module._load
    internal/modules/cjs/loader.js:937:14
  
  - loader.js:1089 Module.require
    internal/modules/cjs/loader.js:1089:19
  
  - v8-compile-cache.js:159 require
    [suru-plus-folders]/[v8-compile-cache]/v8-compile-cache.js:159:20
  
  - create-pages-from-collection-builder.js:28 Object.<anonymous>
    [suru-plus-folders]/[gatsby-plugin-page-creator]/create-pages-from-collection-builder.js:28:44
  
  - v8-compile-cache.js:178 Module._compile
    [suru-plus-folders]/[v8-compile-cache]/v8-compile-cache.js:178:30
  
  - loader.js:1220 Object.Module._extensions..js
    internal/modules/cjs/loader.js:1220:10
  
  - loader.js:1049 Module.load
    internal/modules/cjs/loader.js:1049:32
  
  - loader.js:937 Function.Module._load
    internal/modules/cjs/loader.js:937:14
  

not finished load plugins - 0.245s
zsh: exit 1     gatsby develop

In reference to gatsbyjs/gatsby#26352.

Is it possible to use language by country, for example, pt_BR?

Hello!

I tried to manipulate the language by country, but your site does not load Brazilian Portuguese end up fallbacking to ENglish.

Brazilian Portuguese and European Portuguese are totally different.

The navbar with a click dropdown menu in pure CSS instead of select option.

Hello!

I am very forry for newbieness/noobieness! I am learning still React and GatsbyJS.

See, for example, https://codepen.io/Tont/pen/hdsev, I would like to replace your navbar with language button for the navbar with dropdowm menu. I would use "Tasto menu 01" drodowm for a dropdown menu with world icon and submenu for languages. The problem is that the element ul uses an identifier menu. How do you do it at the file src/components/theme/Header/styles.js and do the dropdown menu at src/components/theme/Header/SelectLanguage.jsx?

Refactoring

Todo

Upgrade dependencies
Restructure files
Redo the implementation of i18n to support more languages
Write better docs about how to add more languages

Starter giving errors.

Manual has problems, as gatsby new https://github.com/smakosh/gatsby-starter-i18n gives out an error, lacking 1 argument.

Anyways, after installing and trying to launch development server, I get some errors.
Error: Cannot find module 'gatsby/dist/utils/create-content-digest'
error UNHANDLED REJECTION
TypeError: Cannot read property 'filter' of undefined

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.