Overview:
The project is a modern stack utilizing top-tier libraries to build a full-stack web application, focusing on developer experience by being simple, efficient, and fast. Unlike some other approaches, this project opts not to use Next.js, keeping the frontend as static files, which can be easily stored in cloud object storage like AWS S3. The stack is designed for building web apps, prioritizing functionality over SEO optimization.
Features:
- Authentication with JWT and HttpOnly cookies
- Example of pulling data from an external REST API
- Store user's details in React context when logged in
- Health check for the server
- Select the number of rows to display in the table
- End-to-end typesafe API development with Trpc
- E2E Testing implementation
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid 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
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.