digitalhydra / gatsby-theme-nucleon-ui

Add Nucleon UI to your Gatsby Project

Gatsby's Nucleon UI theme

🚀 Quick start

1. Create a Gatsby site.

   Use the Gatsby CLI to create a new site, specifying the default starter.

   # create a new Gatsby site using the default starter
   npx gatsby new my-default-starter

2. Add theme config.

   Navigate into your new site’s directory edit gatsby-config.js and add the following code.

   module.exports = {
     __experimentalThemes: [
       "gatsby-theme-blog",
     ],
   }

3. Start your Gatsby site.

   Use the Gatsby CLI to create a new site, specifying the default starter.

   # create a new Gatsby site using the default starter
   gatsby develop

4. Open the source code and start editing!

   Your site is now running at http://localhost:8000!

   Note: You'll also see a second link: http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.

   Open the my-default-starter directory in your code editor of choice and edit src/pages/index.js. Save your changes and the browser will update in real time!

🧐 What's inside?

A quick look at the top-level files and directories you'll see in a Gatsby project.

.
├── src/components/atoms
├── src/components/molecules
├── src/components/organisms
├── src/components/templates
├── src/nucleon
├── src/nucleon/settings
├── src/pages