Building a SaaS in one week: How I built OnlineOrNot (Next.js/React, Tailwind, GraphQL, TypeScript)

This page summarizes the projects mentioned and recommended in the original post on /r/reactjs

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

    The React Framework

  • The Nextjs GitHub page has several graphql examples. This one, which I like, uses apollo-server-micro: https://github.com/vercel/next.js/tree/canary/examples/api-routes-graphql

  • graphql-code-generator

    A tool for generating code based on a GraphQL schema and GraphQL operations (query/mutation/subscription), with flexible support for custom plugins.

  • For the client, I used Apollo with graphql-code-generator - gives you hooks and really nice typings for GraphQL

  • 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
  • pg-promise

    PostgreSQL interface for Node.js

  • I just used pg-promise - it handles the connections for you, up to you to write the SQL.

  • next-auth-example

    Example showing how to use NextAuth.js with Next.js

  • The gist of it is actually covered by the next-auth example app: https://github.com/nextauthjs/next-auth-example/blob/main/pages/api/examples/protected.js

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