This is a problem that happens when you create a blog with the Netlify CMS, For the truth there are more than one issue:

• blog article can not be saved with extension .it.md or .en.md
• id name and name of the article blog can not be saved in articleTree.js
• last id is not displayed in the CMS
  Each of these needs a solution.

See this #42 (comment)
maybe related to path or slug i will check it.

It should be like in the nav bar.

Log from the console:

index.js:2177 Warning: Failed prop type: The prop `to` is marked as required in `GatsbyLink`, but its value is `null`.
    in GatsbyLink (created by ForwardRef)
    in ForwardRef (at tags.js:24)
    in li (at tags.js:23)
    in ul (at tags.js:19)
    in div (at tags.js:17)
    in div (at Layout.js:97)
    in div (created by TemplateWrapper)
    in IntlProvider (at Layout.js:84)
    in TemplateWrapper (at tags.js:16)
    in Tags (created by HotExportedTags)
    in AppContainer (created by HotExportedTags)
    in HotExportedTags (created by PageRenderer)
    in PageRenderer (created by JSONStore)
    in JSONStore (created by EnsureResources)
    in ScrollContext (created by EnsureResources)
    in RouteUpdates (created by EnsureResources)
    in EnsureResources (created by RouteHandler)
    in RouteHandler (created by Root)
    in div (created by FocusHandlerImpl)
    in FocusHandlerImpl (created by Context.Consumer)
    in FocusHandler (created by RouterImpl)
    in RouterImpl (created by LocationProvider)
    in LocationProvider (created by Context.Consumer)
    in Location (created by Context.Consumer)
    in Router (created by Root)
    in Root
    in _default
__stack_frame_overlay_proxy_console__ @ index.js:2177

I receive this warning:

warn The netlify-cms package is deprecated, please install netlify-cms-app

probably i have to upgrade the package or use the netlify-cms-app as suggested. I need to check this.

Collecting ideas for make a big upgrade:
https://www.gatsbyjs.com/docs/themes/building-themes/

Reference here: #58 (comment)

When i lightbox or a Slider component is empty a void section with a void div inside is created, it will be better if any html will be created, not sure if i will solve this specific issue in this PR.

Dependabot couldn't parse the package.json found at /package.json.

The error Dependabot encountered was:

Dependabot::DependencyFileNotParseable

View the update logs.

Log from the console:

index.js:2177 Warning: Failed prop type: The prop `data.allMarkdownRemark.edges[0].node.frontmatter.path` is marked as required in `Tags`, but its value is `null`.
    in Tags (created by HotExportedTags)
    in HotExportedTags (created by PageRenderer)
    in PageRenderer (created by JSONStore)
    in JSONStore (created by EnsureResources)
    in ScrollContext (created by EnsureResources)
    in RouteUpdates (created by EnsureResources)
    in EnsureResources (created by RouteHandler)
    in RouteHandler (created by Root)
    in div (created by FocusHandlerImpl)
    in FocusHandlerImpl (created by Context.Consumer)
    in FocusHandler (created by RouterImpl)
    in RouterImpl (created by LocationProvider)
    in LocationProvider (created by Context.Consumer)
    in Location (created by Context.Consumer)
    in Router (created by Root)
    in Root
    in _default
__stack_frame_overlay_proxy_console__ @ index.js:2177

i receive this errors in the Netlify server:

8:35:38 PM: Starting post processing
8:35:39 PM: Mixed content detected in: /en/artworks/index.html
8:35:39 PM: --> insecure img urls:
8:35:39 PM:   - http://lorempixel.com/1000/600/nature/1/
8:35:39 PM:   - http://lorempixel.com/1000/600/nature/2/
8:35:39 PM:   - http://lorempixel.com/1000/600/nature/3/
8:35:39 PM:   - http://lorempixel.com/250/150/nature/1/
8:35:39 PM:   - http://lorempixel.com/250/150/nature/2/
8:35:39 PM:   - http://lorempixel.com/250/150/nature/3/
8:35:41 PM: Mixed content detected in: /it/opere/index.html
8:35:41 PM: --> insecure img urls:
8:35:41 PM:   - http://lorempixel.com/1000/600/nature/1/
8:35:41 PM:   - http://lorempixel.com/1000/600/nature/2/
8:35:41 PM:   - http://lorempixel.com/1000/600/nature/3/
8:35:41 PM:   - http://lorempixel.com/250/150/nature/1/
8:35:41 PM:   - http://lorempixel.com/250/150/nature/2/
8:35:41 PM:   - http://lorempixel.com/250/150/nature/3/
8:35:43 PM: Post processing done
8:35:43 PM: Site is live
8:36:01 PM: Finished processing build request in 2m15.429602767s
8:36:01 PM: Shutting down logging, 0 messages pending

When doing a gatsby develop I get this warning:

warn 
/tmp/gatsby-starter-i18n-bulma/src/templates/blog-post.js
  10:1  warning  In page templates only a default export of a valid React component and the named export of a page
query is allowed.
        All other named exports will cause Fast Refresh to not preserve local component state and do a full refresh.

        Please move your other named exports to another file. Also make sure that you only export page queries that
use the "graphql" tag from "gatsby".
  limited-exports-page-templates

I think this might be quite a performance hit:

https://www.gatsbyjs.com/docs/reference/local-development/fast-refresh/

I think this might be as simple as importing BlogPostTemplate from another file and Export Blog Post elsewhere, but wanted to get thoughts on this from everyone else.

I need to look into the general styling of the template, adjusting margins, padding and othe css classes.

Trying to send a message with the contact form, but is not delyvered to the recipient. I needs to understand why not. I think to have done all correct but probably i mssed something. An issue to fix sooner.

I Think i will look into this gatsby starter: https://www.gatsbyjs.org/starters/LekoArts/gatsby-starter-portfolio-emma/ see the code: https://github.com/LekoArts/gatsby-starter-portfolio-emma/blob/master/src/components/ProjectItem.jsx

Something like this: https://github.com/jlengstorf/gatsby-theme-jason-blog/blob/master/src/components/Main.js

I think i can develop a multimenu with nested dropdowns, i found this resource on codepen:
https://codepen.io/sakthig/pen/RvwVYM?editors=1100

The selecter sometimes does not set the correct path. i have checked the ids and are correct,i need to investigate...see this PR #4

At the moment the starter use the 2.9.0 version but the latest of is 4.3.1: The code should upgraded according to this guide https://github.com/formatjs/react-intl/blob/master/docs/Upgrade-Guide.md

developing a Dropdown menu with Bulma as described in this doc: https://bulma.io/documentation/components/dropdown/

First problem The Dropdown menu needs javascript, see this article on stackoverflow https://stackoverflow.com/questions/46785393/bulma-dropdown-not-working and this issue on bulma issue tracker: jgthms/bulma#1870

I did this:

gatsby new some-i18-bulma https://github.com/kalwalt/gatsby-starter-i18n-bulma

and I got the following error:

npm ERR! Invalid dependency type requested: alias

npm ERR! A complete log of this run can be found in:
error Command failed: npm install

Changing default language in languages.js, doesn't work !
Setting defaultLangKey: 'it' keep redirecting to /en

Also replacing Italian lang with something else is extremely difficult. There should be a way to simplify this process!

Thanks !

Photos on the home carousel are not displayed, because lorempixel.com service is down. One alternative could be https://picsum.photos/images it should be compatible with the structure of the template.

See this code: https://github.com/angeloocana/angeloocana/blob/master/src/components/BreadCrumb.js

The reason is the new home template page:

TypeError: Cannot read property 'childImageSharp' of null
HomePageTemplate
src/templates/home.js:35
  32 |   <div
  33 | className="full-width-image margin-top-0"
  34 | style={{
> 35 |   backgroundImage: `url(${
  36 |     !!image.childImageSharp ? image.childImageSharp.fluid.src : image
  37 |   })`,
  38 |   backgroundPosition: `top left`,

The about page has not image in the frontmatter and so it fails. I need to fix this, sorry if you are using it i will fix in a short of time.
I will create a template dedicated to the About page. I have also an issue in production, maybe it is related?

@kalwalt How do you get those national flags js file? They are cool! :-)
I need some other flags, please help.

If it is a content is not filled in the final rendering, I haven't an idea at the moment...

look at this: https://github.com/angeloocana/angeloocana/blob/master/src/components/Comments.js

and the info page of react-disqus-comments https://www.npmjs.com/package/react-disqus-comments

When trying
gatsby new mytest https://github.com/kalwalt/gatsby-starter-i18n-bulma

I got this error:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"^17.0.1" from the root project
npm ERR! peer react@"^16.9.0 || ^17.0.0" from [email protected]
npm ERR! node_modules/gatsby-plugin-netlify-cms
npm ERR! gatsby-plugin-netlify-cms@"^5.0.0" from the root project
npm ERR! 2 more (gatsby, react-dom)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.4" from [email protected]
npm ERR! node_modules/netlify-cms-app
npm ERR! netlify-cms-app@"^2.14.26" from the root project
npm ERR! peer netlify-cms-app@"^2.9.0" from [email protected]
npm ERR! node_modules/gatsby-plugin-netlify-cms
npm ERR! gatsby-plugin-netlify-cms@"^5.0.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

This means better doc in the Readme and maybe starting a wiki.

I would add Amp to gatsby-starter-i18m-bulma, I will collect here all the useful informations for it.

It's happens again, maybe realted to this PR #68 ?

While testing a new component for the form contact, the code do not send the data. Until i find a solution (if not i will revert to a stable version...) use https://github.com/kalwalt/gatsby-starter-i18n-bulma/releases/tag/v1.1.4

Since this is not used, i am thinking to remove from the config and from the packages. To think about.

To avoid complexity i should transform the pre-existent blog index into a markdown format through the creation of a template.

Remove the direct fontawesome css lib and use only react-icons for the icons.
I used directly fontawesome lib because i want the icons stacked one each other. I didnt found other solutions, i had to use the 'standard' approach:

In the console i receive this message:

External link it was detected in a Link component. Use the Link component only for internal links. See: https://gatsby.dev/internal-links

I need to understand if i need to change <Link> into <a> tag or make other changes.

How is it possible to have a default language without language path prefix?
For example:

https://gatsby-starter-i18n-bulma.netlify.com/ < English default
https://gatsby-starter-i18n-bulma.netlify.com/it/ < Italy

From the log console:

index.js:2177 Warning: Encountered two children with the same key, `null`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.
    in ul (at tags.js:19)
    in div (at tags.js:17)
    in div (at Layout.js:97)
    in div (created by TemplateWrapper)
    in IntlProvider (at Layout.js:84)
    in TemplateWrapper (at tags.js:16)
    in Tags (created by HotExportedTags)
    in AppContainer (created by HotExportedTags)
    in HotExportedTags (created by PageRenderer)
    in PageRenderer (created by JSONStore)
    in JSONStore (created by EnsureResources)
    in ScrollContext (created by EnsureResources)
    in RouteUpdates (created by EnsureResources)
    in EnsureResources (created by RouteHandler)
    in RouteHandler (created by Root)
    in div (created by FocusHandlerImpl)
    in FocusHandlerImpl (created by Context.Consumer)
    in FocusHandler (created by RouterImpl)
    in RouterImpl (created by LocationProvider)
    in LocationProvider (created by Context.Consumer)
    in Location (created by Context.Consumer)
    in Router (created by Root)
    in Root
    in _default
__stack_frame_overlay_proxy_console__ @ index.js:2177

My goal is to structure an visually effective page,with the following characteristics:

• a full image or video as presentation with a text as slogan.
• a menu with 4 fontawesome icons for the 4 artworks options.
• a testimonial box.
• a sentence text window with an image background.
• an animated "banner".

It worked during the release, i have to fix this soon; Sorry!

404 page not working in development mode nor in production; In development mode it will not be created and in production it will fails the build process.
Probably i have to create a 404 template page and as a consequence create the two languages version...

Hi;
When you click on the flag and visit http://127.0.0.1:8000/it/ than click on the English flag to return to the English version it end with a double slash
http://127.0.0.1:8000/en//
note the same thing happen when you are at http://127.0.0.1:8000/en/ and click on the Italian flag.

Two resources:

• https://github.com/gatsbyjs/gatsby/blob/master/www/src/components/site-metadata.js

• https://github.com/smakosh/gatsby-starter-i18n/tree/master/src/components/common/SEO

I would to add some little improves in the contact form as in this starter: https://github.com/thriveweb/yellowcake/blob/master/src/templates/ContactPage.js

• adding captcha-recaptcha
• contact detalis?
• google-map or equivalent
• gender radio button
• newsletter option.

See this article:
https://reactjs.org/docs/lists-and-keys.html#keys

Dependabot couldn't parse the package.json found at /package.json.

The error Dependabot encountered was:

Dependabot::DependencyFileNotParseable

View the update logs.

< H1 > titles looks different in production and development, I need to understand why...

The contact form needs also some improvements:

• a Subject input

• a thanks response when the user send a message

As stated in the title, i found this resource:
https://github.com/thriveweb/yellowcake/blob/master/src/components/ScrollToTop.js

As pointed in this PR #37 (comment) the code in Layout can be optimized and simplyfied...