Next.js 15 + Tailwind CSS with Typescript Starter Template
Welcome to the Next.js 15 + Tailwind CSS with Typescript Starter Template! 🚀
This is a boilerplate starter project that helps you quickly set up a Next.js 15 application , Tailwind CSS with Typescript, saving you time on initial configuration. Whether you're a beginner or an experienced developer, this template will help you hit the ground running for your Next.js and Tailwind CSS-based projects.
Features
- Next.js 15: Latest stable version of Next.js for building fast React applications.
- Tailwind CSS: Utility-first CSS framework for styling your application.
- Automatic Tailwind CSS Setup: Tailwind CSS is pre-configured and ready to use.
- ESLint & Prettier: Basic linting and code formatting for better code quality.
- Fast Setup: Clone the repo, install dependencies, and you’re ready to go!
Getting Started
Follow the steps below to get your project up and running.
1. Clone the repository
Clone this repository to your local machine:
git clone https://github.com/SAMEER563/nextjs15_tailwind_starter.git
2. Install dependencies
Navigate to the project folder and install the required dependencies using npm or yarn:
cd nextjs15_tailwind_starter
npm install
# OR
yarn install
3. Run the development server
Start the development server with:
npm run dev
# OR
yarn dev
Your application will be running at http://localhost:3000. Open it in your browser to view the default Next.js page styled with Tailwind CSS!
Customizing the Template
Once you've cloned the repository, you can:
- Modify the pages/ directory to create new routes and add your own content.
- Customize the tailwind.config.js file to adjust the default Tailwind theme or add custom colors, fonts, etc.
- Edit styles/globals.css for global styles and additional custom CSS.
Built With
Acknowledgements
- Huge thanks to the creators of Next.js and Tailwind CSS for such great tools!
That's it! You've successfully set up your Next.js 15 and Tailwind CSS starter project. Happy coding! 😄
