Build a SaaS Markdown blog with Next.js 14, Stripe, Tailwind, Supabase, React | Full Tutorial 2023

Support the channel : 🙏🌸

Doc:

Follow me:   👇

⭐️ Contents ⭐️

00:00 Introduction
01:44 Setup project
07:03 layout Navbar
11:24 Authentication
18:51 User Profile
34:05 Store User Data
39:14 Dashboard Protection
44:45 Dashboard UI
01:01:46 Blog Form UI
01:58:07 Save Blog to Database
02:17:02 Read Blog
02:19:08 Delete Blog
02:28:38 Switch Form Edit
02:37:09 Edit Blog
02:58:31 List blog home page
03:11:41 Blog Detail
03:39:20 Integrate with Stripe
04:30:20 SEO and StaticParams
04:35:55 Deployment and Tips

[DailyWebCoding]

In the demo, you will the see the page full reload when I toggled the switch form. Because It is from the old code and if you take a look at this 2:36:40. The page is not full reload. I fixed it already. You can find the code in the description.

[xczm]

The video is damn awesome dont understand how you have learned supabase that good

[yanDev]

Good morning,
I have since discovered your channel and I find your content of excellent quality, I loved this video which allows you to discover a lot of features and functionalities for Supabase that I have always wanted to use with Nextjs.

So I thank you for this video and I encourage you to continue this type of content.
For example, if you could show how to create an application that shows how to use a service like Resend with Next and Supabase that would be great!
or simply why not take up this project and improve it by adding an email sending system to create a sort of Newsletter when new blogs are added!
This is just an idea but in any case thank you!

[junsgk]

Best SNS(supabase, nextjs, shadcn) stack video on youtube!!!
By the way, using zustand for handling session vs supabase server client, pros and cons??

[developerme]

As I did the PostreSQL command for Auth I started getting Error 404

[philiphardy]

great in-depth tutorial! Quick tutorials for intermediate to advanced devs with less explanation are very popular and might help your channel grow. 20 or 30 mins maybe. Great work!

[carneiro_luiz]

Unfortunately, superbase configuration changed completely from the time this tutorial was recorded. One can follow the ideas here, but a couple of changes will be needed.

[junsgk]

1:05:08 button has type atttibute. Inside of form element, it turns into "submit" by default. If you set type to "button" the default behavior wont work.😅

[parthshady]

Will using markdown have any negative effect on SEO?

[maverick-]

I'm curious why you don't use Prisma :) Good job btw !

[DailyWebCoding]

Thank you everyone for watching this video. Don't forget to like and subscribe to help making more content like this. 🙏

[jannickpedersen]

I am at 4:10 - i did the login stripe cli and did the listener and the listener is active in the stripe under webhooks - but my user does not get updated with subscription id and status, its still false

[hauvert_]

amazing tutorial and great showcase of supabase.

[xczm]

does this trigger and data function of supabase works with google auth?

[stelllarLumeon]

can you please help me why i keep getting like "Refresh Token Not Found status : 400/429" in my terminal because of that i cant see my progress in localhost:3000, it is an honor to get answer from you

[김인욱-uq]

Does this project support SSR? I quickly looked through it, and I think it's made up of only Client Components. Right?

[DanThemes]

I don't understand why so many people use that horrible font, it's so unreadable.

[sai]

Why you aren't using any ORM such as Prisma or Drizzile?

[hauvert_]

pace is definitely for a little bit more passed begginer but not quite jr yet.

[yusufmafif]

Thanks a lot.. i just finished this project