A simple Next.js project built with modern technologies. This project serves as a starting point for building a web application with a focus on a great developer experience and a robust feature set.
To get the project up and running on your local machine, follow these steps.
Make sure you have pnpm installed.
- Clone the repository:
git clone <repository-url>
- Navigate to the project directory:
- Install the dependencies:
pnpm install
- Run the development server:
pnpm dev
Open http://localhost:3000 with your browser to see the result.
This project is built with the following technologies:
- Framework: Next.js
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components: Shadcn/UI (built on Radix UI)
- Form Management: React Hook Form & Zod
The project follows a standard Next.js app directory structure:
.
├── app/ # Application routes and pages
├── components/ # Reusable UI components
├── hooks/ # Custom React hooks
├── lib/ # Utility functions and library configurations
├── public/ # Static assets (images, fonts, etc.)
└── styles/ # Global styles
app/: Contains all the routes, pages, and layouts for the application.components/: Home to all the reusable UI components used throughout the application.hooks/: Stores custom React hooks for shared logic.lib/: Includes helper functions, utility classes, and library-specific configurations.public/: Static files that are served directly, such as images, favicons, androbots.txt.styles/: Global stylesheets and Tailwind CSS configuration.
In the package.json file, you will find the following scripts:
pnpm dev: Runs the application in development mode with hot-reloading.pnpm build: Compiles and builds the application for production.pnpm start: Starts the production server for the built application.pnpm lint: Lints the codebase to check for code quality and style issues.