
Lab Project A modern web application built with Next.js, featuring authentication, database integration, and a beautiful UI. ๐ Tech Stack Framework: Next.js 14 Language: TypeScript Styling: Tailwind CSS Database: Prisma ORM Authentication: JWT-based authentication Form Handling: React Hook Form with Zod validation UI Components: Radix UI with custom styling ๐ Prerequisites Before you begin, ensure you have the following installed: – Node.js (v18 or later) – npm or yarn – Git ๐ ๏ธ Installation Clone the repository: bash git clone [your-repository-url] cd lab Install dependencies: “`bash npm install or yarn install “` Set up environment variables: Create a .env file in the root directory and add the following: env DATABASE_URL="your-database-url" JWT_SECRET="your-jwt-secret" Initialize the database: bash npx prisma generate npx prisma db push ๐ Running the Application Development mode: “`bash npm run dev or yarn dev “` Build for production: “`bash npm run build or yarn build “` Start production server: “`bash npm run start or yarn start “` ๐ Project Structure src/ โโโ app/ # Next.js app router pages and layouts โโโ components/ # Reusable UI components โโโ lib/ # Utility functions and configurations โโโ generated/ # Prisma generated types โโโ middleware.ts # Next.js middleware for authentication ๐ง Available Scripts npm run dev – Start development server npm run build – Build for production npm run start – Start production…Read More
References
Back to Main