A new gatsby starter using the latest dependencies and standards.
Please note, this is currently a work in progress so use at your own risk.
- Install the Gatsby CLI tool if you don't have it:
yarn global add gatsby-cli
- Clone the repo:
git clone https://github.com/dvzrd/gatsby-starter-nova.git
cd gatsby-starter-nova
yarn
yarn dev
to start a local dev server athttp://localhost:8000
- GatsbyJS (Client)
- GraphQL (Data)
- MDX (Content)
- Netlify (Server)
- TailwindCSS (Styles)
- TypeScript (Types)
Nova is composed of different gatsby plugins and themes.
For info about gatsby plugins and themes, see the following:
- Gatsby plugins, themes and starters
- Gatsby plugins docs
- What are gatsby themes?
- Introducing gatsby theme catalyst
- Gatsby plugin and theme tutorials
MDX with gatsby-plugin-mdx
.
- Configure plugins and other options in
gatsby-config
. - Configure render options in
components/mdx
SEO with gatsby-plugin-next-seo
.
- Configure defaults in
gatsby-config
. - Configure page level SEO in
pages
by passingseo
props tolayouts
. - Configure
seo
props in thefrontmatter
of yourmdx/md
files.
Coming soon:
- Components with TailwindCSS
- Compositional UI Components
- Primitive UI Components
- Structural UI Components
- Typography UI Components
- Forms
- Form Container Compositions
- React Hook Form
- Mailchimp / Netlify Integration
- MDX
- Blog
- Case Studies
- Portfolio
- Projects
You can use netlify to host the build, for more info about Netlify, visit their site. If you prefer to host on your own service or another platform, feel free to remove any netlify related files.
It's recommended you setup netlify cli and run this project locally with netlify dev. For more info about netlify dev and how to set up, see the following resources:
Netlify allows for file configs of their host server - allowing devs to push changes to our builds without needing to login to the netlify app dashboard.
Reference the Netlify docs on file based configuration for more detils.
You can also setup AWS serverless Lambda functions with Netlify, allowing you to send and receive data without needing your own server.
These are also called private functions because they're placed inside a private .netlify
dir. To keep this dir private, it's automatically added to .gitignore
, but feel free to change that if you want to version control your functions in a private repo or if you're using environment variables to hide your secret API keys.
Reference the Netlify docs on functions for more detials.