KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #ai-agents #developer-tools #codex #claude-code #mcp #rust #deepseek-harness #typescript #ai-agent #cli

build-a-saas-with-next-js-supabase-and-stripe

★ 290 Open GitHub ↗

No description available.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# [Build a SaaS product using Next.js, Supabase and Stripe](https://egghead.io/courses/build-a-saas-product-with-next-js-supabase-and-stripe-61f2bc20)

> This repo accompanies this [free egghead course](https://egghead.io/courses/build-a-saas-product-with-next-js-supabase-and-stripe-61f2bc20).

## 🔍 About

For your frontend, this application will be using Next.js and Tailwind CSS. You will learn how to maneuver around an app and build a strong static pricing page.

For your backend AND authentication, we will make use of Supabase. Supabase is open source and is all of the backend services that you will need to build your site. It includes a dedicated and scalable Postgres database and user management with Row Level Security!

Lastly, for payments, you will be using Stripe. It will be an individual payment checkout system that will create and update users' subscriptions.

Jon will take you through all of this and more in just 1 hour and 10 minutes!

## 🎓 Instructor

[Jon Meyers](https://jonmeyers.io) is a Software Engineer, Educator and Hip Hop Producer from Melbourne, Australia. He's passionate about web development and enabling others to build amazing things!

[Jon's courses at egghead.](https://egghead.io/q/resources-by-jon-meyers)

Enjoyed the course? Follow Jon on [Twitter](https://twitter.com/jonmeyers_io) and subscribe to his [YouTube channel](https://youtube.com/c/JonMeyers).

## 🗺 Table of Contents

1. [Create a Supabase Project](/01-create-a-supabase-project)
2. [Create a Table in Supabase](/02-create-a-table-in-supabase)
3. [Create a Next.js App with Tailwind CSS](/03-create-a-next-js-app-with-tailwind-css)
4. [Query Data From Supabase Using Next.js](/04-query-data-from-supabase-using-next-js)
5. [Use Next.js to Query a Single Record From Supabase](/05-use-next-js-to-query-a-single-record-from-supabase)
6. [Implement Third Party Authentication with GitHub in Next.js Using Supabase](/06-implement-third-party-authentication-with-github-in-next-js-using-supabase)
7. [Add Relationships Between Tables in Supabase Using Foreign Keys](/07-add-relationships-between-tables-in-supabase-using-foreign-keys)
8. [Use Postgres Functions to Implement Database Logic with Supabase](/08-use-postgres-functions-to-implement-database-logic-with-supabase)
9. [Use Supabase to Subscribe to Database Events with Postgres Triggers](/09-use-supabase-to-subscribe-to-database-events-with-postgres-triggers)
10. [Create a Stripe Customer with Next.js API Routes](/10-create-a-stripe-customer-with-next-js-api-routes)
11. [Generate a Custom API Key to Secure an API Route in Next.js](/11-generate-a-custom-api-key-to-secure-an-api-route-in-next-js)
12. [Automatically Create a Stripe Customer for Each User with Supabase Function Hooks](/12-automatically-create-a-stripe-customer-for-each-user-with-supabase-function-hooks)
13. [Make User State Globally Accessible in Next.js with React Context and Providers](/13-make-user-state-globally-accessible-in-next-js-with-react-context-and-providers)
14. [Implement Authorization Using Row Level Security and Policies](/14-implement-authorization-using-row-level-security-and-policies)
15. [Implement Gated Content Using Row Level Security with Supabase](/15-implement-gated-content-using-row-level-security-with-supabase)
16. [Use Stripe.js to Query Product Data and Pre-Render with Next.js](/16-use-stripe-js-to-query-product-data-and-pre-render-with-next-js)
17. [Create Shared Nav Bar in Next.js with \_app.js](/17-create-shared-nav-bar-in-next-js-with-_app-js)
18. [Query Dynamic Supabase Data in Static Pages Using Next.js](/18-query-dynamic-supabase-data-in-static-pages-using-next-js)
19. [Pass Supabase Session Cookie to API Route to Identify User](/19-pass-supabase-session-cookie-to-api-route-to-identify-user)
20. [Charge Customer for Stripe Subscription in Next.js](/20-charge-customer-for-stripe-subscription-in-next-js)
21. [Subscribe to Stripe Webhooks Using Next.js API Routes](/21-subscribe-to-stripe-webhooks-using-next-js-api-routes)
22. [Use the Supabase Service Key to Bypass Row Level Security](/22-use-the-supabase-service-key-to-bypass-row-level-security)
23. [Create a Client Page that Requires Authentication in Next.js Using getServerSideProps](/23-create-a-client-page-that-requires-authentication-in-next-js-using-getserversideprops)
24. [Allow Customer to Manage Their Subscription with Stripe Customer Portal](/24-allow-customer-to-manage-their-subscription-with-stripe-customer-portal)
25. [Subscribe the UI to Database Changes with Supabase Real-Time](/25-subscribe-the-ui-to-database-changes-with-supabase-real-time)
26. [Configure Stripe for Production and Deploy Next.js Application with Vercel](/26-configure-stripe-for-production-and-deploy-next-js-application-with-vercel)

build-a-saas-with-next-js-supabase-and-stripe

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README