nextjs-supabase-boilerplate - GitLite

KO | EN

gitlite — search

#python #hacktoberfest #react #llm #android #docker #nodejs #macos #windows #awesome #kubernetes #vue #pytorch #security

nextjs-supabase-boilerplate

(★ 102)

A nextjs supabase fullstack boilerplate

File Explorer

Download Latest Version (.zip)

- getActiveProductsWithPrices.ts
- - arrow.png
  - Dashboard.png
- next.svg
- vercel.svg
- - favicon.ico
  - globals.css
  - layout.tsx
- - theme-provider.tsx
  - theme-toggle.tsx
- - useUser.tsx
- - helpers.ts
  - stripe.ts
  - stripeClient.ts
  - supabaseAdmin.ts
  - utils.ts
- - SupabaseProvider.tsx
  - UserProvider.tsx
.eslintrc.json
.gitignore
components.json
database.sql
LICENSE
middleware.ts
next.config.js
package-lock.json
package.json
postcss.config.js
README.md
tailwind.config.js
tsconfig.json
types.ts
types_db.ts

# Installation Guide

1. Get the code

git clone https://github.com/salmandotweb/nextjs-supabase-boilerplate

Downloads the entire project code from GitHub to your computer.

cd nextjs-supabase-boilerplate

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm i

Type this command into your terminal and run it.

npm run dev

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Fullstack SAAS Next.js Supabase Stripe Tailwindcss Boilerplate   
I have created this boilerplate using next.js, supabase for authentication, and stripe for payments.

<img width="1670" alt="Screenshot 2023-10-02 at 10 18 27 PM" src="https://github.com/salmandotweb/nextjs-supabase-boilerplate/assets/74504762/fa7d4c9a-855d-4a3d-9a6d-38cf2badff60">

## What's included    
- Authentication
- Row-level security
- Card payments
- Landing page
- Protected routes
## 🛠️ Tech Stack
- [Next.js](https://nextjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Supabase](https://supabase.com/)

### Cloning the repository

```shell
git clone https://github.com/salmandotweb/nextjs-supabase-boilerplate.git
```

### Install packages

```shell
npm i
```

### Setup .env file

```js
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
SUPABASE_SERVICE_ROLE_KEY=

NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=
STRIPE_SECRET_KEY=
STRIPE_WEBHOOK_SECRET=
```

### Add SQL Tables
Use `database.sql` file

### Start the app

```shell
npm run dev
```

## Available commands

Running commands with npm `npm run [command]`

| command         | description                              |
| :-------------- | :--------------------------------------- |
| `dev`           | Starts a development instance of the app |
#### Salmandotweb
- Twitter: [@salmandotweb](https://twitter.com/salmandotweb)
- Github: [@salmandotweb](https://github.com/salmandotweb
## ➤ License
Distributed under the MIT License. See [LICENSE](LICENSE) for more information.