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
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • InfluxDB - Access the most powerful time series database as a service
  • Sonar - Write Clean JavaScript Code. Always.
  • 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

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • 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

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

  • InfluxDB

    Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.

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