nextjs-templates

Next.js Templates Collection

A curated collection of modern, responsive Next.js landing page templates built with TypeScript and Tailwind CSS. Perfect for quickly bootstrapping your next project with professional designs.

🚀 Available Templates

Template	URL
Blinder	https://floatui.com/templates/blinder
Mailgo	https://floatui.com/templates/mailgo
Split	https://floatui.com/templates/split
EasyUI	https://www.easyui.pro/
HTMLRev	https://htmlrev.com/free-nextjs-templates.html

1. Chef Kitchen Landing Page

A beautiful restaurant and culinary-focused landing page template featuring:

• Modern design with food-centric imagery
• Responsive layout optimized for all devices
• Built with Next.js 14+ and TypeScript
• Styled with Tailwind CSS

Quick Start:

npx gitpick https://github.com/mr-shade/nextjs-templates/tree/main/chef-kitchen-nextjs-landing-page-template

2. Desgy Business Landing Page

A clean, professional business landing page template featuring:

• Minimalist design perfect for agencies and startups
• Fully responsive and mobile-first approach
• TypeScript support for better development experience
• Tailwind CSS for rapid styling

Quick Start:

npx gitpick https://github.com/mr-shade/nextjs-templates/tree/main/desgy-nextjs-tailwind-landing-page-template-free

3. SanDocs Documentation Template

A comprehensive documentation template perfect for technical projects:

• Clean, readable documentation layout
• Built-in search functionality
• Dark/light mode support
• Optimized for technical content

Live Demo: https://sandocs.vercel.app/
Source: https://github.com/web3templates/sandocs-template

🛠️ Tech Stack

• Framework: Next.js 14+
• Language: TypeScript
• Styling: Tailwind CSS
• Package Manager: npm/pnpm
• Deployment: Vercel-ready

📦 Installation

Using gitpick (Recommended)

# Clone a specific template
npx gitpick https://github.com/mr-shade/nextjs-templates/tree/main/[template-name]

# Navigate to the project
cd [template-name]

# Install dependencies
npm install

# Start development server
npm run dev

Manual Installation

# Clone the entire repository
git clone https://github.com/mr-shade/nextjs-templates.git

# Navigate to desired template
cd nextjs-templates/[template-name]/package

# Install dependencies
npm install

# Start development server
npm run dev

🎨 Customization

Each template is built with customization in mind:

• Colors: Easily modify the color scheme in tailwind.config.js
• Typography: Update fonts and text styles through Tailwind utilities
• Components: Modular component structure for easy modifications
• Content: Replace placeholder content with your own

📱 Features

• ✅ Fully responsive design
• ✅ TypeScript support
• ✅ SEO optimized
• ✅ Fast loading times
• ✅ Modern CSS with Tailwind
• ✅ Component-based architecture
• ✅ Easy deployment to Vercel
• ✅ Cross-browser compatibility

🚀 Deployment

Vercel (Recommended)

# Install Vercel CLI
npm i -g vercel

# Deploy
vercel

Other Platforms

These templates work with any platform that supports Next.js:

• Netlify
• Railway
• Heroku
• AWS Amplify

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

This project is open source and available under the MIT License.

🙋‍♂️ Support

If you have any questions or need help with these templates:

• Open an issue on GitHub
• Check the individual template README files for specific instructions
• Review the Next.js documentation for framework-specific questions

---

⭐ If you find these templates helpful, please consider giving this repository a star!