Fullstack Starterkit screenshot

Fullstack Starterkit

Updated: 7 Nov 2021
1184 Stars

GraphQL first full-stack starter kit with Node, React. Powered by TypeScript

Product Analysis: Fullstack Starterkit

Overview:

The Fullstack Starterkit is a scalable and opinionated full stack starter kit designed to provide a “batteries included” solution for starting new projects. It follows best patterns and practices learned from larger codebases and experienced developers. The main aim of this starter kit is to provide a solid foundation with good architectural patterns and code decoupling, which becomes crucial as the project grows or new developers join the team.

Features:

  • All in Typescript: Built entirely in Typescript, leveraging the benefits of static typing.
  • GraphQL First: Uses the Apollo platform and follows a GraphQL-first approach.
  • Includes CI: Comes with Github Actions integrated by default, but also accepts pull requests for integration with other providers.
  • Docker Support: Can be developed and run using Docker.
  • Testing Focused: Utilizes Jest as the testing framework and includes sample tests that are easy to extend.
  • Prisma: Utilizes Prisma as the ORM for PostgreSQL, but welcomes pull requests for other ORMs or drivers.
  • PWA Support: Supports progressive web applications out of the box.

Installation:

To install the Fullstack Starterkit, follow these steps:

Backend:

  1. Clone the repository.
  2. Navigate to the backend folder.
  3. Run yarn install to install the dependencies.
  4. Create a .env file with the required environment variables.
  5. Run yarn start to start the backend server.

Web:

  1. Navigate to the web folder.
  2. Run yarn install to install the dependencies.
  3. Create a .env file with the required environment variables.
  4. Run yarn start to start the web application.

Summary:

The Fullstack Starterkit is a comprehensive full stack starter kit that provides a solid foundation for new projects. With features like support for Typescript, GraphQL-first approach, CI integration, Docker support, and testing focus, it aims to simplify the setup process and provide a scalable solution. It includes a well-organized folder structure for backend and web development, utilizes tools like Prisma and Material UI, and provides out-of-the-box PWA support. The Fullstack Starterkit is a valuable resource for developers looking to start new projects efficiently and with best practices in mind.