Modern Website Template
A modern website template built with Next.js and Tailwind CSS.
Framework | Next.js |
Use Case | Brand Websites |
A modern website template built with Next.js and Tailwind CSS.
/
)/about
)/projects
)/partners
)/contact
)Clone the project
git clone YOUR_PROJECT_ADDRESS_HERE
cd YOUR_PROJECT_DIRECTORY
Install dependencies
npm install
Start the development server
npm run dev
Build the production version
npm run build
โโโ app/ ## App Router pages and layouts
โ โโโ api/ ## API routes
โ โโโ [pages]/ ## Individual pages (e.g., about, projects)
โ โโโ layout.tsx ## Root layout
โโโ components/ ## Reusable components
โ โโโ layout/ ## Layout specific components (Header, Footer)
โ โโโ projects/ ## Project related components (ProjectCard)
โ โโโ ui/ ## shadcn/ui components
โ โโโ scroll-button.tsx ## Scroll button component
โ โโโ testimonial-slider.tsx ## Testimonial slider component
โโโ lib/ ## Utility functions and data
โ โโโ data.ts ## Data definitions (projects, partners, testimonials etc.)
โ โโโ utils.ts ## Utility functions (cn helper)
โโโ public/ ## Static assets
โโโ .eslintrc.js ## ESLint configuration
โโโ .prettierrc ## Prettier configuration
โโโ next.config.js ## Next.js configuration
โโโ package.json ## Project dependencies and scripts
โโโ tailwind.config.js ## Tailwind configuration
โโโ tsconfig.json ## TypeScript configuration
Key data and configurations are managed in:
lib/data.ts
: Contains data for projects, partners, and testimonials.tailwind.config.js
: Customizes Tailwind CSS settings.next.config.js
: Next.js specific configurations."use client"
.tailwind.config.js
.app/layout.tsx
for consistent page structure.git checkout -b feature/your-feature-name
).git commit -m 'feat: Add your feature'
).git push origin feature/your-feature-name
).