An open API service indexing awesome lists of open source software.

https://github.com/jiweiyeah/nextjs-saas-template

A simple and user-friendly, SEO-friendly Next.js template designed for quick setup of landing pages, SaaS websites, and more, without complex configurations.
https://github.com/jiweiyeah/nextjs-saas-template

landing-page nextjs-template saas seo-friendly

Last synced: 5 months ago
JSON representation

A simple and user-friendly, SEO-friendly Next.js template designed for quick setup of landing pages, SaaS websites, and more, without complex configurations.

Awesome Lists containing this project

README

          

[English Documentation](README.md) | [中文文档](README_CN.md)

# nextjs-saas-template

A simple and user-friendly, SEO-friendly Next.js template designed for quick setup of landing pages, SaaS websites, and more, without complex configurations.

The template is continuously updated…

## Preview

- `template-custom Black-and-white minimalist theme`

![1](./images/1.png)

![1](./images/2.png)

![1](./images/3.png)

![1](./images/4.png)

![1](./images/11.png)

- `template-gradient Colorful gradient theme`

![1](./images/5.png)

![1](./images/6.png)

![1](./images/7.png)

![1](./images/8.png)

![1](./images/9.png)

![1](./images/10.png)

## Tech Stack

- next.js 14
- shadcn/ui
- radix-ui
- tailwindcss
- lucide
- i18next
- supabase
- google oauth
- github oauth

## Features

- Dark mode
- SEO-friendly
- Multi-language support
- Blog
- Pricing
- Login/Registration(Email, Github, Google)
- User dashboard

## Usage

- Clone the repository
```bash
git clone git@github.com:jiweiyeah/nextjs-saas-template.git
```
- Install dependencies
```bash
cd nextjs-saas-template/template-custom
npm install

cd nextjs-saas-template/template-gradient
npm install
```
- Configure environment variables
```bash
NEXT_PUBLIC_SUPABASE_URL=xxxxx
NEXT_PUBLIC_SUPABASE_ANON_KEY=xxxxx
NEXT_PUBLIC_APP_URL=xxxxx

# Github OAuth
GITHUB_CLIENT_ID=xxxxx
GITHUB_CLIENT_SECRET=xxxxx
GITHUB_CALLBACK_URL=xxxxx/api/auth/github/callback

# Google OAuth
GOOGLE_CLIENT_ID=xxxxx
GOOGLE_CLIENT_SECRET=xxxxx
```
- Run the project
```bash
cd nextjs-saas-template/template-custom
npm run dev

cd nextjs-saas-template/template-gradient
npm run dev
```

## Deployment
- [Vercel](https://vercel.com/docs)
- [Netlify](https://docs.netlify.com/frameworks/next-js/overview/)

## Contact

Feel free to reach out and share your valuable feedback!

Email: freeourdays@gmail.com

Twitter: https://x.com/freeourdays

WeChat: yeheboo


Image 1
Image 2