Setup a modern Jamstack project using Gatsby, TypeScript, Styled Components, and Contentful!

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • demo-gatsby-contentful

  • Please check out the repo I've created with the finished files. You can use this if you get stuck and need to reference anything.

  • starter-gatsby-blog

    Gatsby starter for a Contentful project from the community.

  • npx gatsby new . https://github.com/contentful/starter-gatsby-blog

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • PROJECT_NAME

  • git init && git add . && git commit -m "project setup" && git branch -M main && git remote add origin https://github.com/GITHUB_USERNAME/PROJECT_NAME.git && git push -u origin main

  • gatsby-contentful-blog

    Discontinued [Moved to: https://github.com/andrews1022/contentful-blog-gatsby-starter]

  • Again, if you are having trouble/unsure how to type the pre-existing components, you can see how I did so here.

  • eslint-react-quick-setup

    A guide on how to get up an running with ESLint + React

  • Answer the questions how you like, but make sure that whichever answers you choose, you make sure to pick the same ones each time you set up ESLint. This way, you can save any custom rules in a separate repo, like I've done here, and copy and paste them in. Now, your code will be consistent across all your projects.

  • TypeScript

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

  • TypeScript

  • Visual Studio Code

    Visual Studio Code

  • Text editor of your choice (I will be using VS Code)

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts