Play Next.js is a free and **Open-source SaaS starter kit and boilerplate, designed and built for SaaS startups**, apps, businesses, and more. With its premium design and essential UI components and pages, it provides everything you need to kickstart a feature-rich SaaS website.


[![Play Next.js](https://github.com/NextJSTemplates/play-nextjs/blob/main/nextjs-play.png)](https://play.nextjstemplates.com)

## Free SaaS Boilerplate and Starter Kit for Next.js 🚀
Play Next.js SaaS Boilerplate and Starter Kit is a free, open-source solution ideal for startups, SaaS companies, and more. It offers essential UI components, authentication and database integration, and Stripe integration. Its superior design and functionality make it a go-to choice for launching a feature-rich SaaS website efficiently.

### [🚀 View Live Demo](https://play.nextjstemplates.com/)

### [🔌 Documentation](https://nextjstemplates.com/docs)

### All Essential Integrations - DB, Auth, Payment, MDX, and more ⚡
Play Next.js SaaS Starter kit includes all the key integrations required to build a fully functional SaaS platform.

- **PostgreSQL for Database**: Comes with PostgreSQL integration with Prisma which is a powerful and open-source relational database system ensures data integrity and reliability.

- **NextAuth for Authentication**: Play Next.js utilizes NextAuth, a versatile solution that provides secure login and user management.

- **MDX for Blogs**: MDX uniquely combines Markdown and JSX, Play Next.js comes with complete blogging solution to create and maintain blog using MDX.

- **Stripe for Subscription Payments**: Stripe, a globally trusted payment processing platform, offers robust security features and smooth checkout experiences.

These integrations work together to simplify development and enhance the user experience.

### Essential SaaS Pages & Components and Styled Using Tailwind CSS 🎨
This Next.js SaaS Boilerplate and Starter Kit is **styled using Tailwind CSS**, a highly flexible and customizable utility-first CSS framework. Leveraging the power of Tailwind, each component and page of this kit, including **login, signup, blog, about, and others, has been handcrafted to offer top-notch aesthetics** while maintaining peak usability. 

### Crafted Using [🎨 TailGrids Components](https://tailgrids.com)

Play Next.js SaaS boilerplate, you can enjoy a professional-looking website that offers seamless operation, all while significantly reducing your web development time and effort.
___

### 🚀 Deploy Now

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FNextJSTemplates%2Fplay-nextjs)

[![Deploy with Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/NextJSTemplates/play-nextjs)

### Setup Instructions

Follow these steps to set up and run this template on your local machine:

1. Begin by downloading and extracting the template from **Next.js Templates**.

2. Once you've done that, navigate into the template directory using the **cd** command.

3. Install the necessary dependencies by running either of the following commands:

```bash
    npm install
```

or

```bash
    yarn install
 ```

4. Now you're ready to start the project on your local server. Use the following command to get it up and running:

```bash
    npm run dev
 ```

This will launch the template on [localhost:3000](http://localhost:3000).

Our comprehensive documentation includes all the guides you'll need for integrating various features.

### Deployment on PaaS

If your project is hosted on a GitHub repository, you can deploy it using free and user-friendly platforms like [Vercel](https://vercel.com/) or [Netlify](https://netlify.com/). Both provide generous free tiers for hosting Next.js projects.

### License Information
Play is Free is completely free and open-source. Feel free to use it for both personal and commercial projects.

### Show Your Support
If you appreciate this project, please consider starring this repository. Your support encourages our team to continue creating more content like this and helps us to reach more users like you!

## Explore More Templates
For a wider range of options, feel free to browse our collection of [Next.js Templates, Boilerplates and Starter Kits](https://nextjstemplates.com/templates).

### Update Log
**21 March 2024**
- Upgraded to Next.js 14
- Updated stripe integration
- Fixed auth issues
- Updated all the packages
- Update ts config & fix all the issues
- Update signin & signup page Design
- Integrated Magic link signin
- & Forgot password
