Nextjs Hasura Starter

screenshot of Nextjs Hasura Starter
nextjs

A boilerplate (a todos app) for a fullstack React and GraphQL application using Next JS and Hasura.

Overview

The Fullstack React & GraphQL - Next JS and Hasura Starter Kit is a boilerplate for building fullstack React and GraphQL applications using Next JS and Hasura. The kit includes a basic todo app example and provides a minimal JWT setup for authentication and authorization. It leverages Next JS's serverless capabilities by exposing API routes for login and registration. The kit also utilizes a range of open source technologies and practices, including Next JS, Hasura, PostgreSQL, JWT, React Query, and Axios.

Features

  • Next JS: Provides flexibility in choosing the rendering approach for each page and includes API routes to act as a minimal Express server.
  • Hasura: A GraphQL engine that connects databases and other services with the app by automatically generating a GraphQL backend.
  • PostgreSQL: A powerful open source object-relational database system that extends the SQL language.
  • JWT: An industry-standard for securely representing claims between parties. The implementation includes a short-lived access token stored in memory and a long-lived refresh token stored in an HTTP-only secure cookie.
  • React Query: A data state management tool in React that provides caching, refetching, deduping, and other features.
  • Axios: A flexible HTTP client that works in the browser and the server, used as the REST API and GraphQL client in the project.

Summary

The Fullstack React & GraphQL - Next JS and Hasura Starter Kit is a comprehensive boilerplate for building fullstack React and GraphQL applications. It provides a todo app example and incorporates a range of technologies and practices to enable efficient development and secure authentication. With the flexibility of Next JS, the power of Hasura, and the features of React Query and Axios, this starter kit offers a solid foundation for creating robust applications.

nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

graphql
Graphql

A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.

hasura
Hasura

Hasura is a GraphQL engine that provides instant, realtime GraphQL APIs over your databases. It offers built-in authorization, event triggers, and remote schemas to help developers build scalable GraphQL backends without writing any backend code.