Dnb Stack
The Remix Stack for deploying to Vercel with testing, linting, formatting, structure and mock for 3rd party API integration.
Overview
The Remix DnB Stack is a development stack that provides a comprehensive set of tools and features for building web applications. It includes features such as Vercel deployment, GitHub Actions for continuous deployment, an opinionated folder structure, mocking API requests, styling with Tailwind, end-to-end testing with Cypress, unit testing with Vitest and Testing Library, code formatting with Prettier, linting with ESLint, and static typing with TypeScript. It also includes pre-commit hooks using Husky to ensure code quality before committing.
Features
- Vercel deployment with Vercel CLI
- GitHub Actions for deploy on merge to production and staging environments
- Proposed opinionated folder structure for the project
- Mocked API request for the project and route example
- Styling with Tailwind
- End-to-end testing with Cypress
- Unit testing with Vitest and Testing Library
- Code formatting with Prettier
- Linting with ESLint
- Static Types with TypeScript
- Pre-commit hooks using Husky
- 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
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- 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.
- Vercel
Vercel offers built-in support for deploying and hosting Next.js applications, making it a popular choice among Next.js developers.
