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

InfluxDB - Purpose built for real-time analytics at any scale.
InfluxDB Platform is powered by columnar analytics, optimized for cost-efficient storage, and built with open data standards.
www.influxdata.com
featured
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured
  • 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.

  • InfluxDB

    Purpose built for real-time analytics at any scale. InfluxDB Platform is powered by columnar analytics, optimized for cost-efficient storage, and built with open data standards.

    InfluxDB logo
  • starter-gatsby-blog

    Gatsby starter for a Contentful project from the community.

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

  • 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)

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub 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

  • 7 practices I learned while developing applications with API Gateway service integrations

    2 projects | dev.to | 11 Jul 2024
  • Filtering TypeScript value types

    2 projects | dev.to | 29 Jun 2023
  • Scripting with VSCode Tasks and Typescript

    2 projects | dev.to | 16 Nov 2022
  • React intellisense alternating between "x={}" and "y", have posted on their github but not getting a fix :(

    3 projects | /r/vscode | 17 Aug 2022
  • Feature request - inline type aliases

    3 projects | /r/typescript | 2 Jul 2022

Did you konow that TypeScript is
the 2nd most popular programming language
based on number of metions?