🎉

A Complete & Open Source Next.js 14 SaaS Template Using Supabase

I'm building a modern web app with Next.js 14 & Supabase and open sourcing everything. Follow along as we figure this out together.

Get Started GitHub

+155

Join 160+ developers

Built with these brands

Features

This project is a complete assortment of the best open source projects that can be used for SaaS products. Built with Nextjs14 and Supabase using the app router.

Next.js 14

App router, Server Components, and more.

Supabase

Typesafe queries, user authentication, and the full power of PostgreSQL.

Subscriptions

Free and paid subscriptions using Stripe.

React 18

Server and Client Components. Use hook.

Tailwind CSS

UI components built using Radix UI and styled with Tailwind CSS.

Documentation & Blog

Markdown and other content with ease using Fumadocs.

No subscription pricing plans found. Create them in your Stripe Dashboard.

Testimonials

What everyone else is saying

dcodesdev

TypeScript Developer

That's beautiful bro!

SuhailKakar

Developer at joinOnboard

If you've built this a few months ago, it would have saved me hours :D

SaidAitmbarek

Founder of microlaunch.net

So cool, looks really clean. Any plan to open source it? ☺️ Wanna play with it!

magicuidesign

UI Design Company

Clean 🤌

YasmeenRoumie

Developer

Ooh would love to try this out

shadcn

Developer

👀

bzagrodzki

Developer

Nice one! But I would prefer some more "sans" font 😉

MPlegas

Developer

Exceptional!

kvncyf_

Developer

Nice move.

0xRaduan

Developer

This looks fire

Luax0

Developer

Can't wait to see more 👀

ausrobdev

Developer

Let me know when its ready, I'll add it to buildatlightspeed.com - we need more high quality open source boilerplates

Community highlights

Join the community

FAQ

You got questions? I got answers.

Is everything really included in the price?

Yes, everything is included in the price. There are no hidden fees or additional charges.

How do revisions work?

You can request revisions within the first 30 days of your project. We'll work with you to make any necessary changes.

What do you mean by high-converting?

High-converting means our designs are optimized to drive more conversions, such as signups, purchases, or other desired actions.

What does site optimization mean exactly?

Site optimization refers to the process of improving the performance, user experience, and search engine visibility of your website.

Why do you use Framer?

We use Framer because it allows us to create highly interactive and visually stunning designs with ease.

Are there any refunds?

We offer a 30-day money-back guarantee. If you're not satisfied with our services, you can request a full refund.