next-saas-starter — Next.js SaaS模板

SHA-256: 00826131bb214fa57ac0ab53b998a3cd89e1538e1b80c583a65ff7e268b39992

2026-09-30T08:04:19.726Z

<br/>
<p align="center">

  <a href="https://github.com/Blazity/next-saas-starter" >
    <img src="https://i.imgur.com/jmc2Q1w.png" alt="Logo"  width="49%">
  </a>
   <a href="https://github.com/Blazity/next-saas-starter">
    <img src="https://i.imgur.com/CxkjHhi.png" alt="Logo" width="49%">
  </a> 

  <h3 align="center">✨ Free Next.js marketing website template for SaaS startups ✨</h3>

  <p align="center">
    Everything you need to build a great landing page / marketing website for your startup. Great SEO metrics, Green WebVitals, 🚀 Performance, Clean & Pragmatic Codebase out of the box.
    <br/>
    <br/>
    <a href="https://next-saas-starter-ashy.vercel.app/">View Demo</a>
    .
    <a href="https://github.com/Blazity/next-saas-starter/issues">Report Bug</a>
    .
    <a href="https://github.com/Blazity/next-saas-starter/issues">Request Feature</a>
  </p>
</p>

<div align="center">

![Contributors](https://img.shields.io/github/contributors/Blazity/next-saas-starter?color=dark-green) ![Issues](https://img.shields.io/github/issues/Blazity/next-saas-starter) ![License](https://img.shields.io/github/license/Blazity/next-saas-starter)

</div>

<p align="center"><b>Created with :heart: at Blazity </b></p>
<p align="center"><a href="https://blazity.com/">Blazity</a> is a group of Next.js/Jamstack/Headless experts. Contact us at <a href="mailto:[email protected]">[email protected]</a> if you’d like to talk about your project or just to have a chat with us</p>

<a href="https://discord.gg/fyWtyNKmfX" style="width: 100%; display: flex; justify-content: center;">
  <img src="https://discordapp.com/api/guilds/1111676875782234175/widget.png?style=banner2" alt="Blazity Discord Banner"/>
</a>
<br />

## Table Of Contents

- [Features](#-features)
- [Getting Started](#-getting-started)
- [One click deploy](#one-click-deploy)
- [Built With](#-built-with)
- [Contributing](#-contributing)
  - [Creating A Pull Request](#creating-a-pull-request)
- [Acknowledgements](#-acknowledgements)
- [Contributors](#-contributors)
- [License](#-license)

## Features

- ⚡ **Next.js** - React framework for static rendering
- **Best SEO setup** - Meta Tags, JSON-LD and Open Graph Tags
- **[Tina CMS](https://tina.io/) integration** - local & (optional) production CMS
- **Optimized for Web Vitals**
- **Blog with MDX**
- **Mailchimp Integration** - for newsletters
- **Sendgrid Integration** - for sending emails
- **Dark mode** - and customizable themes!
- **No UI library** - just styled components, so you don't have to learn any new syntax
- **One click deployment** - with Vercel or any other serverless deployment environment
- **Eslint** - with Next.js's recommended settings and imports sorting rule
- **Prettier**

## 🤓 Getting Started

- Click `Use the template` or [this link](https://github.com/Blazity/next-saas-starter/generate)
- Setup your [sendgrid](https://sendgrid.com/) API key and add it to environment variables (`SENDGRID_API_KEY` - `.env.local`)
- Adjust the template to your needs (and checkout `env.ts` file)
- Deploy the project on [Vercel](https://vercel.com/) **don't forget to add env variables**
- _(optional)_ Create [Tina Cloud account](https://app.tina.io/), [a project](https://tina.io/docs/tina-cloud/) and fill these `NEXT_PUBLIC_ORGANIZATION_NAME`, `NEXT_PUBLIC_TINA_CLIENT_ID` env vars with proper values
  > Tina's Content API authenticates directly with GitHub removing the need for users to create GitHub accounts. Access is granted through the dashboard, allowing users to login directly through your site and begin editing! Any changes that are saved by your editors will be commited to the configured branch in your GitHub repository.
  - For more details [see the docs](https://tina.io/docs/tina-cloud/)

```
# run the dev mode
$ yarn dev

# run the prod mode
yarn start

# build the app
yarn build
```

> Hint: To edit the blog pages go to [/admin](http://localhost:3000/admin) and navigate to a blog page to edit it. To exit editing mode navigate to [/admin/logout](http://localhost:3000/admin/logout)

## 🚀 One click deploy

Clone the repository and one-click deploy to Vercel for free!

[![Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/Blazity/next-saas-starter)

Clone the repository and one-click deploy to Netlify for free!

[![Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/Blazity/next-saas-starter)

## 🧰 Built With

- Statically generated pages with [**Next.js** ](https://github.com/vercel/next.js)
- [Styled components](https://github.com/styled-components/styled-components/)
- [MDX](https://github.com/mdx-js/mdx)
- [TypeScript](https://github.com/Microsoft/TypeScript)

## 🤲🏻 Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.

- If you have suggestions for adding or removing projects, feel free to [open an issue](https://github.com/Blazity/next-saas-starter/issues/new) to discuss it, or directly create a pull request after you edit the _README.md_ file with necessary changes.
- Create individual PR for each suggestion.

### Creating A Pull Request

1. Fork the Project
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

## 😎 Acknowledgements

Big thanks to authors of these libraries:

- https://github.com/neg4n/next-api-og-image - generating open graph images
- https://github.com/blazity/nextjs-color-mode - non-flickering dark mode
- https://github.com/Brew-Brew/css-in-js-media - a convenient way of creating media queries

## Support

If you're looking for help or simply want to share your thoughts about the project, we encourage you to join our Discord community. Here's the link: [https://blazity.com/discord](https://blazity.com/discord). It's a space where we exchange ideas and help one another. Everyone's input is appreciated, and we look forward to welcoming you.

## ✨ Contributors

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tr>
    <td align="center"><a href="https://bstefanski.com/"><img src="https://avatars.githubusercontent.com/u/28964599?v=4?s=64" width="64px;" alt=""/><br /><sub><b>Bart Stefanski</b></sub></a><br /><a href="https://github.com/Blazity/next-saas-starter/commits?author=bmstefanski" title="Code">💻</a></td>
    <td align="center"><a href="https://github.com/ilasota"><img src="https://avatars.githubusercontent.com/u/34578189?v=4?s=64" width="64px;" alt=""/><br /><sub><b>Igor Lasota</b></sub></a><br /><a href="https://github.com/Blazity/next-saas-starter/commits?author=ilasota" title="Code">💻</a></td>
    <td align="center"><a href="https://github.com/jbryn"><img src="https://avatars.githubusercontent.com/u/52970664?v=4?s=64" width="64px;" alt=""/><br /><sub><b>Jan Bryński</b></sub></a><br /><a href="https://github.com/Blazity/next-saas-starter/commits?author=jbryn" title="Code">💻</a></td>
    <td align="center"><a href="https://www.logana.dev/"><img src="https://avatars.githubusercontent.com/u/43075109?v=4?s=64" width="64px;" alt=""/><br /><sub><b>Logan Anderson</b></sub></a><br /><a href="https://github.com/Blazity/next-saas-starter/commits?author=logan-anderson" title="Code">💻</a> <a href="https://github.com/Blazity/next-saas-starter/commits?author=logan-anderson" title="Documentation">📖</a> <a href="#mentoring-logan-anderson" title="Mentoring">🧑‍🏫</a></td>
  </tr>
</table>

<!-- markdownlint-restore -->
<!-- prettier-ignore-end -->

<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

## 📝 License

Distributed under the MIT License. See [LICENSE](https://github.com/Blazity/next-saas-starter/blob/main/LICENSE.md) for more information.