Base Stack
The best way to start your react-router v7 project
Overview
Forge 42 base-stack is an impressive starting point for developers looking to build robust applications using modern technologies. With a focus on performance and developer experience, this stack leverages ESM Vite in combination with Remix.run and React Router v7, providing a solid foundation for any Forge 42 project. It simplifies the setup process and integrates essential features that cater to a seamless development workflow.
This stack is particularly noteworthy due to its inclusion of TypeScript, TailwindCSS, and unit testing capabilities with Vitest. Developers will find that the predefined configurations, such as internationalization support and server management, make it easier to focus on building applications rather than wrestling with configurations. Whether you’re developing a large enterprise application or a smaller project, the Forge 42 base-stack empowers teams with the tools they need to succeed.
Features
-
React 19 & React-Compiler: This stack utilizes the latest version of React, ensuring you can take advantage of new features and optimizations.
-
TypeScript Ready: With TypeScript integration, you can write type-safe code, minimizing runtime errors and ensuring better maintainability.
-
TailwindCSS Integration: Easily create responsive and custom designs with the utility-first CSS framework built right into the stack.
-
Hono Server: The stack includes a preconfigured Hono server that supports internationalization, middleware management, and asset caching for improved performance.
-
Internationalization Support: Utilizing i18next, this stack supports multiple languages with a language switcher and automatic detection based on user requests.
-
Built-in CI Checks: Ensures quality control with continuous integration checks that guarantee code quality before deployment.
-
Environmental Variable Handling: Automatic parsing of your .env files allows for seamless environment management across client and server contexts.
-
Developer Tools: With the inclusion of react-router-devtools and built-in scripts for cleanup and context management, developer experience is significantly enhanced.
- Hono
Hono is an ultrafast web framework designed for edge computing environments. It's lightweight, supports multiple runtimes including Cloudflare Workers, Deno, and Bun, and provides a familiar Express-like API with excellent TypeScript support.
- 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
- Remix
Remix is a modern JavaScript framework that focuses on building fast and performant web applications. It emphasizes a combination of server-rendered content and client-side interactivity, offering a robust architecture for creating scalable and maintainable projects.
- 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.
- Zod
Zod is a TypeScript-first schema declaration and validation library. It allows you to define schemas that can validate data at runtime while providing excellent TypeScript inference, making it perfect for API validation, form validation, and type-safe data handling.