Тёмный

Create a SaaS using Next.js, Kinde-Auth, Supabase, Prisma, Stripe, and Tailwind CSS. 

Jan Marshal
Подписаться 14 тыс.
Просмотров 42 тыс.
50% 1

Опубликовано:

 

21 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 107   
@genegade
@genegade 17 дней назад
I wish just one of these tutorials would teach you how to roll your own EVERYTHING (auth, db, etc.) from scratch, so you aren't dependent on 10 different cloud providers just to have an app, and you actually learn. The one exception being Stripe, because payments suck.
@janmarshalcoding
@janmarshalcoding 17 дней назад
Valid point. However, it's difficult to create something exactly like what you're asking for in a free video. If this were a paid video, I'd completely agree with you. But since it's free, I can't use services like Hetzner, which require a credit card. Many viewers of these videos need access to free tiers...
@patrikkisbalazs5973
@patrikkisbalazs5973 14 дней назад
​@@janmarshalcoding wdym bro, Vercel + AWS and you can do pretty much everything in the world
@janmarshalcoding
@janmarshalcoding 13 дней назад
AWS requires a credit card
@genegade
@genegade 12 дней назад
@@janmarshalcoding No, I'm saying don't use ANY cloud services, except for maybe the bare metal prod server (Ubuntu box). Want auth? Here's how to do full auth using psql. Want to use db? Great, here's how to get psql running locally and on prod.
@samhe331
@samhe331 3 дня назад
from engineering learning stand point it would be good to learn the fundamental from scratch, but maybe good to break it down in multiple video. I actually enjoy all the external tools like supabase/kinde... I'm trying to build a startup product and recently realize that having these tools significantly help me reach the market quickly and if i find product market fit I will use the money to decouple some of these dependencies. if not, then it's free and quick solution and goes to trash or become a tool project anyways. just my own experience tho.
@etekumoses3320
@etekumoses3320 Месяц назад
This guy has legit videos and made me build my saas product thanks a lot
@samhe331
@samhe331 3 дня назад
Thanks so much for the tutorial, it's so thorough and detailed. I even enjoy the repetitive --legacy-peer-deps and "that's because the server isn't running" haha! I run into one issue because of the conform versioning. the problem behavior is that: during working on the edit article component. I want to populate the form using the existing data from db. when I load or reload that page, the db value showed up for a split of a second then is quickly overwrite with the placeholder. I finally found the problem that it's due to conform's version. i think in your code your are using conform 1.1.5 and i'm using 1.2.1. with 1.2.1 conform always overwrite the value already populated by "value" attribute. downgrade the conform to 1.1.5 the value will show up from the db.
@adityashukla9840
@adityashukla9840 Месяц назад
Want to know A Cool Thing ....I Have completed your Digital Marketplace Couese Such an amazing Course and now i also got this...
@amvillanuevap
@amvillanuevap 22 дня назад
I followed the entire tutorial! Amazing work :) This is probably the best walkthrough and explanation I have found for this kind of tutorial.
@janmarshalcoding
@janmarshalcoding 17 дней назад
🫶🏻
@Deus-lo-Vuilt
@Deus-lo-Vuilt 2 дня назад
Thank you my friend, you are the best, the html editor and other stuff is perfect for me.
@manuelsanchezweb
@manuelsanchezweb 23 дня назад
Ich war am überlegen, ob ich mir das Video anschauen wollte oder nicht, aber die Gerolsteiner Flasche hatte mich überzeugt!
@janmarshalcoding
@janmarshalcoding 17 дней назад
Hahah 🤝
@cleverprogrammer7409
@cleverprogrammer7409 Месяц назад
marshal you did something unbelievable keep things up
@lpalmeidabh
@lpalmeidabh Месяц назад
One of the most complete content I've seen! Congrats! I'm only on the two hours mark on the video but I can already say that. Just one question: About the user synchronization from Kinde with the database, wasn't better to use Kinde webhooks, to call an API route once a Kinde event (user.create / user.update etc) was triggered?
@janmarshalcoding
@janmarshalcoding 27 дней назад
First of all thank you, glad you like it and it can help you! To answer your question, yes, Webhooks are a good idea and probably something I would encourage for a production build. The reason why I don't do that is that I started using kinde when webhooks weren't a thing, and that's why got used to doing things I do them... But it's very easy to achieve this if you want to learn it by yourself. Here are the docs: docs.kinde.com/integrate/webhooks/webhooks-nextjs/ I will try to show this in my next video
@WelmiApp
@WelmiApp Месяц назад
Amazin' content. Congrats!!!
@markus_dev_cwb
@markus_dev_cwb Месяц назад
Awesome project Jan.
@cristianomesquita2705
@cristianomesquita2705 26 дней назад
You're just awesome man!
@zeddastake3707
@zeddastake3707 26 дней назад
Very cool thank you for that!
@rainkode8795
@rainkode8795 Месяц назад
The king is back 👑
@broskisnajdy
@broskisnajdy 16 дней назад
hey Jan, awesome video! I just finished your other SaaS project but will do this soon. Offtopic tho, please, is that mic a SHURE MV7? If yes, that awesome sound, you used some auto settings in the shure app, obs settings, or anything else? I am really curious about it cos I want to buy that mic :D Thanks!
@janmarshalcoding
@janmarshalcoding 14 дней назад
Hey mate, Yes, this is a Shure MV7. I have the white edition, and I like it. I know there are newer versions like the MV7+ or something similar, but personally, I don’t see any reason to upgrade. It works perfectly for my use case. Initially, I wanted to buy the Shure SM7B, but the issue is that you need to purchase a Cloudlifter and other equipment, which I didn’t want to do since I travel with my mic. Plus, I didn’t really want to spend $600 on a mic setup. The only thing that annoys me about the Shure MV7 is that it uses a micro USB port, and it can be a bit fiddly. I’ve never had any problems with recording, but the cable can still be a bit annoying. I know the new version has USB-C, but I’m not sure if paying more just for a different cable and some RGB lighting is worth it. As for settings, I just use the default ones in the Shure app. I have it set to dark sound mode, and I like it. Inside OBS, I haven’t set up anything because, honestly, I don’t really know what to do in there 😂 ahh and also I have added a pop filter from the shure SM7b (20 dollars on amazon). It helps with plosives a bit more.
@Aditya_Vyas
@Aditya_Vyas Месяц назад
Thanks for mkaing this video.
@0xtz_
@0xtz_ Месяц назад
me stealing the hero section 👀👀
@st7171
@st7171 Месяц назад
that makes two of us
@eea8888
@eea8888 Месяц назад
Me stealing the whole project 💀
@techjavaid6177
@techjavaid6177 Месяц назад
four of us 😂
@janmarshalcoding
@janmarshalcoding Месяц назад
Ahahahah. The GitHub Repo is open to take whatever you need. Remove my Spelling mistakes though 😂
@0xtz_
@0xtz_ Месяц назад
@@janmarshalcoding thanks man 🙏 spelling? I didn't notice 😂
@FahadKiani1
@FahadKiani1 Месяц назад
bro decided to wake up and be a legend
@doombeatsmusic
@doombeatsmusic 14 дней назад
Hello, I needed clarification on why you use Prisma with Supabase? As I know, Supabase has its own syntax, which is even easier than Prisma's.
@codewithanshul
@codewithanshul 6 дней назад
what are things to be added in the env? please keep .env.example
@CarlosTello-h5s
@CarlosTello-h5s Месяц назад
nice video, keep going
@eduardomoraesrigo4782
@eduardomoraesrigo4782 4 дня назад
If i want to pass a toast message of "Article created" or "Article Edited", "Article Deleted", in which moment and component i do it?
@iceshoqer
@iceshoqer 14 дней назад
Setup your blog in Minutes - 12 hour video.
@RasilMaharjan
@RasilMaharjan 10 дней назад
Hey Jan. While editing the article, why are we not updating the image? Or is it covered somewhere later in the course? Just wanted to know. About the course though, it's great!
@aryanjangir1126
@aryanjangir1126 13 дней назад
**BUG** hey Jan, great project. But there is a bug, when someone creates two articles of same slug then it shows error.
@neilrowland1243
@neilrowland1243 16 дней назад
Great tutorial - I like Conform for creating forms, but the documentation they provide is minimal. I would like to use a date picker within a form but I am struggling to see how to get it to work. If someone has done this could they point me in the right direction please?
@josealbusneto
@josealbusneto 11 дней назад
Hey, can you share an empty .env only with the keys names?
@falasefemi3344
@falasefemi3344 Месяц назад
Legged 🎉🎉
@allediting9180
@allediting9180 11 дней назад
I am little confused. Should i buy m1 or m2 8gb ram
@Samkhan7t3
@Samkhan7t3 Месяц назад
What extension you are using for time tracking in vs code?? Love the video though ❤
@janmarshalcoding
@janmarshalcoding Месяц назад
Hey, I have a vid called: How to make VS Code 10x more productive There I show everything (layout, theme, extensions etc)
@Samkhan7t3
@Samkhan7t3 Месяц назад
@@janmarshalcoding ok appreciate it
@allediting9180
@allediting9180 11 дней назад
Are you using MacBook air m1?
@Nothing-cx4jt
@Nothing-cx4jt 8 дней назад
The github repo does not redirect to github repo! Could you please fix this?
@aryanjangir1126
@aryanjangir1126 11 дней назад
Also, the left side menu of dashboard ( the links for site , dashboard, pricing) are not visible in smaller screen, guess he forgot to add the menu option.
@AminGhasempoor
@AminGhasempoor 14 дней назад
hi everyone I have a question , I want to see Members-only videos but i dont know how . can you help me ?
@Jishnu_Nath
@Jishnu_Nath 19 дней назад
When or where did you design the sign-up page? When I click on buttons, I get this page doesn't exist
@Jishnu_Nath
@Jishnu_Nath 14 дней назад
ok i found out that [kindaAuth] folder name is case sensitive, which is why my Kinde integration was not working. how unkind! LOL
@waleedsharif618
@waleedsharif618 Месяц назад
Can you create one Saas product using MERN ? Reactjs and nodejs
@lyricon4043
@lyricon4043 Месяц назад
Hey.. can you tell which extension you have installed for icons and folder? It's looking beautiful.
@janmarshalcoding
@janmarshalcoding Месяц назад
Hey, I have a vid called: How to make VS Code 10x more productive There I show everything (layout, theme, extensions etc)
@VNa-ov7mr
@VNa-ov7mr 19 дней назад
stripe: The term 'stripe' is not recognized as a name of a cmdlet, function, script file, or executable program.
@muhammaddanielzuhad649
@muhammaddanielzuhad649 Месяц назад
bro what are your extensions, ur vscode looks very good to see
@janmarshalcoding
@janmarshalcoding Месяц назад
Hey, I have a vid called: How to make VS Code 10x more productive There I show everything (layout, theme, extensions etc)
@amt.7rambo670
@amt.7rambo670 21 день назад
bro what about the security are there any addons we might have to do if we build this professionaly in terms of security??
@SirEdges_Adejo
@SirEdges_Adejo Месяц назад
Nice video, not a fan of third party commercial auth packages
@adityashukla9840
@adityashukla9840 Месяц назад
Can you create an using GraphQL
@AdrianFelismino
@AdrianFelismino 29 дней назад
6:25
@VNa-ov7mr
@VNa-ov7mr 19 дней назад
Purtroppo arrivato al tempo 9:35 del video, inserendo al nuovo terminale: stripe login, mi da errore
@NityamSuchak
@NityamSuchak 21 день назад
Hey, Jan I have a small question. Is this Web App Mobile Responsive?
@janmarshalcoding
@janmarshalcoding 17 дней назад
Yes
@dilshodziyodullayev6472
@dilshodziyodullayev6472 Месяц назад
Hi bro your contents are amazing, please add a drizzle-orm to your next projects
@janmarshalcoding
@janmarshalcoding Месяц назад
Thank you! I plan to do so, but not 100% sure if the next video will feature drizzle-ORM
@RakibAhmed-n4m
@RakibAhmed-n4m Месяц назад
which vs code theme did you use?
@maduemeka6982
@maduemeka6982 Месяц назад
❤❤❤❤
@JuddJulia-j7r
@JuddJulia-j7r 23 часа назад
Taylor Susan Thompson Helen Williams Anthony
@darlleybrito4198
@darlleybrito4198 28 дней назад
o kinde não esta pegando o email durante o signup
@paulywalnutz5855
@paulywalnutz5855 22 дня назад
balzing fast, so fast that some of the letters in become jumbled
@arpitkumarsingh8398
@arpitkumarsingh8398 Месяц назад
Prerequisite?
@imraan_alam
@imraan_alam Месяц назад
subbed you
@swarnabhamajumder9561
@swarnabhamajumder9561 29 дней назад
If anyone read this comment just help me in one thing, can i use next js 14 instead of next js 15
@janmarshalcoding
@janmarshalcoding 28 дней назад
100%. The code is the same. Only the name of one hook is different, but I talk about this in the video
@swarnabhamajumder9561
@swarnabhamajumder9561 28 дней назад
@@janmarshalcoding Thank you so much Jan. I am building the project in my pace. Hopefully you bring the video quickly about the specific hook. By the way thanks for the video I have also made the ecommerce project and it gave me a lot of confidence. Thanks for always creating such content for free.
@uPhanBa
@uPhanBa 29 дней назад
This is called server actions right?
@janmarshalcoding
@janmarshalcoding 28 дней назад
In the video I use server actions so yes
@chauquang55
@chauquang55 Месяц назад
what is the function of this web
@mayanksh219
@mayanksh219 Месяц назад
Is there any breaking changes in Nextjs 14 and 15 ??
@janmarshalcoding
@janmarshalcoding Месяц назад
useFormState --> useActionState and instead of default caching, It's now not default cached.
@mayanksh219
@mayanksh219 29 дней назад
@@janmarshalcoding Got it Jan. Thank you and Love from India
@Arav.006
@Arav.006 25 дней назад
Whats this font name
@JoKERIFreeStyleI
@JoKERIFreeStyleI Месяц назад
tell pls theme you used in vscode
@janmarshalcoding
@janmarshalcoding Месяц назад
Hey, I have a vid called: How to make VS Code 10x more productive There I show everything (layout, theme, extensions etc)
@muhammaduseram9405
@muhammaduseram9405 4 часа назад
8:34:31 What was that😂❤
@smartdriver2990
@smartdriver2990 7 дней назад
D
@darlleybrito4198
@darlleybrito4198 29 дней назад
id do kind é uma string 😰
@APerson-d5s
@APerson-d5s Месяц назад
Why are you using Prisma when you can just use supabase query?
@youneverknow7096
@youneverknow7096 Месяц назад
Cus not everyone uses it
@janmarshalcoding
@janmarshalcoding Месяц назад
Valid question. I discussed this in detail in my video for channel members, but I’ll give you a brief TL;DR: 1. Reliance on Supabase/Postgres → Migrating to another database is much harder and more time-consuming. 2. Great for basic queries, but it becomes challenging when trying to run more complex ones (speaking from experience). 3. I don’t quite like the idea of giving it my public keys. 4. I’m not a fan of RLS (for various reasons...).
@APerson-d5s
@APerson-d5s Месяц назад
@@janmarshalcoding Gotca, so supabase has limitations on its querying functions compared to Drizzle or Prisma.
@nested9301
@nested9301 Месяц назад
Why kinde and not supabase Auth?
@janmarshalcoding
@janmarshalcoding Месяц назад
Copied from a different comment: First off, yes, Kinde is the sponsor of this video. However, even if they weren’t, I would still never use Supabase Auth. Reasons for that: 1. I find the implementation to be more than just buggy. The SSR package needs to be rebuilt, in my opinion, because it works as expected only about half the time. 2. Supabase Auth is very basic and doesn’t offer any user management features. 3. You have to build the entire sign-in and registration forms yourself. You might think it’s easy, and it is at a basic level, but eventually, you’ll need to prevent your forms from being tampered with. At that point, it’s like starting from scratch again. At the end i create my projects with stuff that i have tested in production and can recommend. And Supabase auth just isn't there were i would like it to be.
@aringawande
@aringawande 23 дня назад
Is this built for free?
@janmarshalcoding
@janmarshalcoding 17 дней назад
Yeah
@zatakzataks
@zatakzataks Месяц назад
can any one tell me vscode theme name
@janmarshalcoding
@janmarshalcoding Месяц назад
Hey, I have a vid called: How to make VS Code 10x more productive There I show everything (layout, theme, extensions etc)
@zainn7336
@zainn7336 Месяц назад
next js + convex + clerk >>>> next js + supabase + kinde
@kshitijtakarkhede7833
@kshitijtakarkhede7833 27 дней назад
How to be good at design to code🥲
@AdrianFelismino
@AdrianFelismino 29 дней назад
6:25
@RakibAhmed-n4m
@RakibAhmed-n4m Месяц назад
which vs code theme did you use?
@janmarshalcoding
@janmarshalcoding Месяц назад
Hey, I have a vid called: How to make VS Code 10x more productive There I show everything (layout, theme, extensions etc)
@RakibAhmed-n4m
@RakibAhmed-n4m Месяц назад
@@janmarshalcoding thank you
Далее
How To Make AWS Not Suck
6:38
Просмотров 440 тыс.
Front-end web development is changing, quickly
3:43
Просмотров 1,1 млн
People Cling To Trees As Typhoon Slams Into Shanghai
00:34
Linus Torvalds on why desktop Linux sucks
11:07
Просмотров 1,3 млн
Don't use these services for your SaaS
6:45
Просмотров 23 тыс.
How I use Reddit and AI to find winning startup ideas
21:20
The Big Headless CMS Lie (James Mikrut)
18:14
Просмотров 59 тыс.
Next.js with a separate server - good idea?
22:53
Просмотров 61 тыс.