Web Boilerplate

Explore Modern Web Development with Ditadi Next.js Boilerplate

Ditadi Boilerplate is a comprehensive starter kit designed for developers eager to explore and implement the latest advancements in web development. It integrates Next.js App Routing, React Server Components, Server Actions, and modern tooling like Turborepo, Drizzle, TursoDB, and Clerk. This repository serves as both a learning ground for new techniques and a solid foundation for initiating new projects, encouraging experimentation with cutting-edge features in a pre-configured environment.

Features:

• Turborepo: Efficiently manage JavaScript/TypeScript monorepos.
• NextJS App Routing (w/ Parallel Routing): Utilizes Next.js's latest file-system based router with support for parallel routes.
• Server Actions: Execute server-side code directly from client or server components without manual API endpoint creation.
• useOptimistic: React hook for creating responsive UIs by immediately reflecting expected outcomes.
• useFormStatus: React hook to access pending state and data of parent form submissions.
• React Server Components: Build UIs that can render on the server, reducing client-side JavaScript.
• Tailwind CSS: A utility-first CSS framework for rapid and custom UI design.
• shadcn/UI: Collection of re-usable UI components built with Radix UI and Tailwind CSS.
• Drizzle ORM: A TypeScript ORM for SQL databases, used here with TursoDB.
• TursoDB: A distributed SQLite database, offering edge deployment.
• Clerk: Handles user authentication and management seamlessly.
• Eslint, Prettier, CC, Husky: Integrated tooling for code linting, formatting, conventional commits, and Git hooks.

Summary:

This boilerplate provides a ready-to-use development environment integrating Next.js with a suite of modern tools including Turborepo for monorepo management, Drizzle ORM with TursoDB for database operations, and Clerk for authentication. It's designed to help developers quickly set up projects featuring React Server Components, Server Actions, and a robust frontend stack with Tailwind CSS and shadcn/UI, facilitating exploration of new web development practices.