PWA Ready Template - Next.js Starter

A modern, responsive Next.js starter template built with Tailwind CSS, designed for rapid development and easy customization.

Features

• ⚡ Next.js 15 with App Router
• 🎨 Tailwind CSS for styling
• 📱 Mobile-first responsive design
• 🧩 Reusable components (Button, Card, Navbar, Footer)
• 🔧 ESLint configured
• 🚀 Production ready
• 📦 pnpm package manager
• 🌐 Google Fonts (Inter) integration
• ♿ Accessibility focused

Customization

• Tailwind CSS: Edit the tailwind.config.js file to match your design preferences.
• Components: Edit the components directory to add or modify existing components.
• Manifest.json: Edit the public/manifest.json file to match your application details.
• Assets: Edit the icons and image files in the public/app-related-assets directory.
• Pages: Edit the app directory to add or modify existing pages.
• README.md: Edit the README.md file to provide detailed information about your application.

Manual installation

git clone https://github.com/hamidrazadev/nextjs-starter-template-with-pwa.git
cd nextjs-starter-template-with-pwa
pnpm install
pnpm dev Open http://localhost:3000 to view your application.

Live Demo

Next.js PWA Starter

Other Platforms

Build the application and serve the out directory:

pnpm build
pnpm start

Contributing

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

Support

If you find this template helpful, please consider giving it a star ⭐
For questions or support, please open an issue on GitHub.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Tailwind CSS
• Next.js
• Vercel

Author

• Muhammad Hamid Raza

PWA Ready Template - Next.js Starter

Happy coding!