NextJS NestJS GraphQL Starter
A production-ready NextJS & NestJS GraphQL starter pack
Overview:
The NextJS & NestJS GraphQL Starter is a starter pack that includes a NextJS frontend and a NestJS backend, with integrated GitHub & Reddit authentication. It offers various key features such as Google, GitHub, and Reddit authentication, subscriptions, server rendering, translation, session management, and more. It uses technologies like NextJS, Bumbag, styled-components, Apollo Client 3.0, GraphQL Code Generator, Yup, TypeScript, NestJS, Mongoose, TypeGraphQL, react-i18next, Docker, and React Hook Form. This starter pack is designed for easy deployment, with instructions provided for setting up a DigitalOcean droplet, Nginx configuration, MongoDB Atlas integration, and SSL certificate generation. Contributions are welcome, and there are tutorials available for building a GraphQL server with NestJS. The project is licensed under MIT.
Features:
- Google authentication: Easily authenticate users with their Google accounts.
- GitHub authentication: Enable users to authenticate with their GitHub accounts.
- Reddit authentication: Allow users to authenticate using their Reddit accounts.
- Subscriptions: Implement real-time updates and data syncing with subscriptions.
- Update basic profile information: Users can update their basic profile information.
- Server rendering: Render pages on the server for faster performance and better SEO.
- Translation: Support multiple languages with translation capabilities.
- Session management: Manage user sessions for authentication and authorization.
- docker-compose for client & server: Simplify the deployment process by using docker-compose for managing the client and server.
Summary:
The NextJS & NestJS GraphQL Starter is a powerful starter pack that combines a NextJS frontend and a NestJS backend to provide a solid foundation for building GraphQL-powered applications. With its extensive list of features, including authentication with Google, GitHub, and Reddit, subscriptions, server rendering, translation support, session management, and more, it covers many of the requirements for building production-grade applications. The installation process is straightforward, and deployment instructions are provided for easy setup on DigitalOcean, Nginx configuration, MongoDB Atlas integration, and SSL certificate generation. With its open-source MIT license, contributions are welcome, and there are helpful tutorials available for further exploration of NestJS GraphQL development.
- Nest
A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript.
- 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.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- 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.