- 47
- 641 436
Jan Marshal
เข้าร่วมเมื่อ 1 มิ.ย. 2023
Hey everyone! My name is Jan Marshal, and I create videos centered around the world of web development. Whether it's videos talking about my opinion on certain tech or comprehensive full-stack tutorials, my channel is your go-to destination for all things regarding web development!
Picking the right Database for your Project (Avoid Common Mistakes!)
I often get questions about databases, ranging from NoSQL to relational options like MySQL, PostgreSQL, and SQLite. People also ask where to host them and which one is the best. In this video, I'll walk you through the options and help you choose the right database for your needs!
🌍 My Website: www.janmarshal.com
✅ Follow me on X: x.com/janmarshaldev
📧 Business ONLY: jan@alenix.de
🌍 My Website: www.janmarshal.com
✅ Follow me on X: x.com/janmarshaldev
📧 Business ONLY: jan@alenix.de
มุมมอง: 2 440
วีดีโอ
Forms in Next.js Made Easy (Headless API Integration & Validation)
มุมมอง 3.3K14 วันที่ผ่านมา
Hey Everyone, Forms are one of the most essential topics in web development. They are everywhere, and knowing how to correctly implement will automatically make you a way better web developer! ⚡️getform.io 🌍 My Website: www.janmarshal.com ✅ Follow me on X: x.com/janmarshaldev 📧 Business ONLY: jan@alenix.de git repo: github.com/ski043/getform-nextjs-14 Features: - Next.js 15 - Server & Client S...
Serverless Is a Mistake: Stop Deploying to It!
มุมมอง 82314 วันที่ผ่านมา
Serverless is often hailed as the future of web deployment, but it might actually be slowing down your website. In this video, I discuss the drawbacks of serverless solutions like Vercel, Cloudflare, and AWS, and why they might not be the best choice for your projects. 🌍 My Website: www.janmarshal.com ✅ Follow me on X: x.com/janmarshaldev 📧 Business ONLY: jan@alenix.de
This Code Editor made me switch from VS Code (Cursor)
มุมมอง 4.1K21 วันที่ผ่านมา
Hey everyone, Lately, there has been a lot of buzz about Cursor, and it seems like everyone is switching to it. Here is my review of Cursor, how it compares to VS Code, and whether you should consider making the switch. 🌍 My Website: www.janmarshal.com ✅ Follow me on X: x.com/janmarshaldev 📧 Business ONLY: jan@alenix.de Ressources: Supermaven: supermaven.com/ Cursor: www.cursor.com/ VsCode: cod...
Create a SaaS using Next.js, Kinde-Auth, Supabase, Prisma, Stripe, and Tailwind CSS.
มุมมอง 43Kหลายเดือนก่อน
Hey everyone, what's up 👋🏻 Today, you are going to build a multi-tenant blogging SaaS application using the best tech on the market. This includes Next.js 15, Kinde Auth, Supabase, Prisma, Stripe, Tailwind CSS, shadcn/ui, Vercel, Conform, and much more. This is a full-stack tutorial, which means we will build everything from start to finish! 🚀 Kinde Auth: dub.sh/xeU8r3v 👨🏻💻 GitHub Repository: ...
Form Validation in Next.js (Server Validation & Client Validation)
มุมมอง 2.2Kหลายเดือนก่อน
What's Up everyone. Form Validation (Server Validation & Client Validation) is one of the most important concepts in Next.js and in general Web development. Today, you will lean how to validate a form in Next.js using Zod and Conform. Zod: zod.dev/ Conform: conform.guide/ GitHub Repo: github.com/ski043/server-validation-yt
Authentication in Next.js 15 (Kinde-Auth, RBAC, MFA, Server actions)
มุมมอง 2K2 หลายเดือนก่อน
Hey everyone! Next.js 15 has been released, which means it's time to learn how to implement authentication in a fresh Next.js 15 project. We will use Kinde-Auth to make authentication work. In this video, I will cover: How to set up Kinde Customization of Kinde Multi-Factor Authentication Middleware Syncing Users to a Database Server Actions Roles and Permissions 🚀 Kinde Auth: dub.sh/xeU8r3v 👨🏻...
How to make VS Code 10x more productive
มุมมอง 2.2K2 หลายเดือนก่อน
Hey Everyone, today I'll show you how to make your VS Code setup 10x more productive with a few simple steps. Time Stamps: 00:00 Intro 00:32 Shortcuts 03:20 Theme & Icons 05:30 Layout & Settings 07:55 Extensions
5 Mind-Blowing Tailwind CSS / React Component Libraries for Stunning Websites
มุมมอง 10K2 หลายเดือนก่อน
Design is hard, especially if you are not a designer, but what if you could create beautiful designs for your websites without hiring a designer? Well there is an easy solution and that's a component library. Today, I will share with you my 5 most favorite Component Libraries.
Create an E-Commerce Store using Next.js 15, Kinde-Auth, Neon, Upstash, Prisma, Stripe
มุมมอง 28K2 หลายเดือนก่อน
🌟 Hey Everyone, Welcome back to the Channel. Today we are going to build an E-Commerce Store which has an admin dashboard and a storefront. To build/create this whole video we will use the newest tech on the market which means: Next.js, Kinde-Auth, Neon, Prisma, Stripe, Tailwindcss, Shadcn/UI, Vercel, Upstash and much more. This is a Full Stack tutorial, which means we will build everything fro...
Kinde Auth - an honest review of the Auth0/Clerk alternative
มุมมอง 1.6K3 หลายเดือนก่อน
SOOOO, I've received numerous questions and direct messages asking about my thoughts on Kinde and how it stacks up against its competitors like Clerk, Auth0, and WorkOS. In this video, I'll share my honest opinions on Kinde, highlighting what I like and what areas could use improvement 🌟 Kinde Auth: dub.sh/xeU8r3v 🌍 My Website: www.janmarshal.com ✅ Follow me on X: janmarshaldev 📧 Bu...
My Problem with Next.js...
มุมมอง 2.6K3 หลายเดือนก่อน
Hey everyone! As you all know, I've been using Next.js for a long time, and I absolutely love it. I can't imagine working without it! However, there's been something bugging me lately, and that's what I'm going to talk about today. 🌍 My Website: www.janmarshal.com ✅ Follow me on X: x.com/janmarshaldev 📧 Business ONLY: jan@alenix.de
Create a Digital Marketplace using Next.js 14, Stripe Connect, Kinde, Prisma and Supabase
มุมมอง 46K4 หลายเดือนก่อน
🚀 Today we are going to create a Digital Marketplace using Next.js 14, Stripe Connect, Kinde, Prisma, Supabase, and Tailwind! Learn step-by-step and elevate your development skills. 🚀 Kinde Auth: dub.sh/xeU8r3v 👨🏻💻 GitHub Repository: janmarshal.com/courses/create-a-digital-marketplace-using-next-js-14-stripe-connect-kinde-prisma-and-supabase 🌍 My Website: www.janmarshal.com ✅ Follow me on Twit...
Create a modern portfolio website with Next.js.14, Tailwind, Kinde, Sanity and Supabase
มุมมอง 9K4 หลายเดือนก่อน
🚀 Create a modern Portfolio Website with Next.js.14, Tailwind, Kinde, Prisma and Supabase! Learn step-by-step and elevate your development skills. 🚀 Kinde Auth: dub.sh/xeU8r3v 👨🏻💻 GitHub Repository: janmarshal.com/courses/create-a-modern-portfolio-website-with-next-js-14-tailwind-kinde-sanity-and-supabase 🌍 My Website: www.janmarshal.com ✅ Follow me on Twitter: janmarshaldev 📧 Busi...
The 1 Million Dollar Tech Stack (2024)
มุมมอง 1.7K5 หลายเดือนก่อน
The 1 Million Dollar Tech Stack (2024)
12 VS Code Extensions you NEED to HAVE installed! (2024)
มุมมอง 1.7K5 หลายเดือนก่อน
12 VS Code Extensions you NEED to HAVE installed! (2024)
Is Next.js better than Remix.run? | Next.js vs Remix in 2024
มุมมอง 10K5 หลายเดือนก่อน
Is Next.js better than Remix.run? | Next.js vs Remix in 2024
Create a Reddit Clone with Next.js 14, Kinde, Supabase, Uploadthing, Prisma and Tailwind
มุมมอง 11K5 หลายเดือนก่อน
Create a Reddit Clone with Next.js 14, Kinde, Supabase, Uploadthing, Prisma and Tailwind
Astro just launched its own Database!
มุมมอง 5176 หลายเดือนก่อน
Astro just launched its own Database!
Create an Airbnb Clone with Next.js 14, Kinde, Supabase, Prisma and Tailwind
มุมมอง 36K7 หลายเดือนก่อน
Create an Airbnb Clone with Next.js 14, Kinde, Supabase, Prisma and Tailwind
Where should you deploy your Next.js Project? | Serverless vs Serverful
มุมมอง 3.9K7 หลายเดือนก่อน
Where should you deploy your Next.js Project? | Serverless vs Serverful
Create a SaaS Application with Next.js.14, Stripe, Kinde, Prisma, Supabase and Tailwind
มุมมอง 73K7 หลายเดือนก่อน
Create a SaaS Application with Next.js.14, Stripe, Kinde, Prisma, Supabase and Tailwind
Create a modern and fully responsive UI/UX website with Next.js 14 and Tailwind
มุมมอง 28K8 หลายเดือนก่อน
Create a modern and fully responsive UI/UX website with Next.js 14 and Tailwind
Build a Next.js 14 Blog | React, Sanity.io, Tailwind.css, Shadcn/Ui
มุมมอง 49K9 หลายเดือนก่อน
Build a Next.js 14 Blog | React, Sanity.io, Tailwind.css, Shadcn/Ui
Clerk vs Next-Auth.js | It's not that simple...
มุมมอง 6K9 หลายเดือนก่อน
Clerk vs Next-Auth.js | It's not that simple...
Authentication in Next.js 14 is easy...
มุมมอง 27K9 หลายเดือนก่อน
Authentication in Next.js 14 is easy...
Next.js 14 Netflix Clone using React, Supabase, Next-Auth, Prisma and Tailwind.css
มุมมอง 32K10 หลายเดือนก่อน
Next.js 14 Netflix Clone using React, Supabase, Next-Auth, Prisma and Tailwind.css
Next.js 14 Server Actions | Everything you need to know!
มุมมอง 9K10 หลายเดือนก่อน
Next.js 14 Server Actions | Everything you need to know!
Next.js 14 E-Commerce Website with Stripe, and Sanity.io | Full Stack Tutorial | 2023
มุมมอง 75K10 หลายเดือนก่อน
Next.js 14 E-Commerce Website with Stripe, and Sanity.io | Full Stack Tutorial | 2023
Why dont you optimize html with Radix Ui?
Can you tell is Uploadthing file uploads better than supabase inherit file uploading like why we using Uploadthing instead supabase file storage?
ur vs code theme name?
Williams Lisa Miller Donald Allen David
good job, i believe that u forgot to show the Stripe `npm` comands from the integration part.
Thanks boss we appreciate, we need bank financial app, with Prisma and superbase like you always do, where funds can be transferred, received, transaction details, every based on bank app is done please. More power to your elbow boss🎉
Walker Margaret Garcia Daniel Brown Brenda
8:34:31 What was that😂❤
Taylor Susan Thompson Helen Williams Anthony
Bşlemedim
Awesome tutorial, Jan! Anyone know how I can switch Stripe to live mode? I’ve tried swapping the keys but was getting an error showing that Stripe was setup in test mode. Any help is greatly appreciated!
Thank you my friend, you are the best, the html editor and other stuff is perfect for me.
How to make terminal to be more productive? How can i make my terminal look like yours terminal?
I always look for tech geniuses who think a thumbnail of themselves with their hat on backwards conveys authority and professionalism 😂
🥱
Jan 😊, I'm creating multi tenant crm in nextjs, prisma and kinde auth but im stuck in authentication flow so can make video on multi tenant authentication ?
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.
Great tutorial. I hope we can have someone who can do tutorial like Jan in Vue/Nuxt. His tutorial is multi dimension and with good explanation.
Hi Jan ❤. can you show us how you setup cursor with the free AI and all your settings and preference ?
If i want to pass a toast message of "Article created" or "Article Edited", "Article Deleted", in which moment and component i do it?
Levelsio makes tons of money and uses sqlite lol
Sure, but my point is still valid. I’m talking about scale, and Levelsio isn’t at scale. For example, Notion is at scale, and they use SQLite but have faced several hurdles with it. So, if your plan is to just be an indie hacker, choosing between databases is probably not necessary, since these businesses will likely never achieve the scale where database performance becomes relevant
Why not manage your own database? Im currently building something where Im self-hosting a postgres db on a digital ocean droplet. What is the downside of this approach?
no downside. people are very impressionable and follow trends without weighing the costs and benefits.
You are a real developer, keep it up
lmao my db got hacked, luckily no personal info on it yet. ill be outsourcing that from now on
@@arianj2863 how?
Default answer = postgres
go supabase you won't regret
Cost? You haven't heard of how vercel bill it's users
w vid
what are things to be added in the env? please keep .env.example
D
Hey man this is great, could you make more videos on remix
I'm going to start studying with your videos. Thank you very much. I have one question. In your technical configuration, is state management like zuStand not necessary? Is there another way to solve it? Thanks again in advance for your reply
The github repo does not redirect to github repo! Could you please fix this?
I have posted a bug about your SAAS BLOG website (see comment of that video) about unique slug verification(if the slug is not unique then website is throws error) and responsive design issue in dashboard page
Thanks bro, great one , we need bank financial app, with Prisma and superbase like you always do, where funds can be transferred, received, transaction details, every based on bank app is done please. More power to your elbow boss
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!
You have been producing tutorials that I have been following since your first video, my coding pattern is basically yours, cause you have been my teacher since, I always love ❤ your tutorial and you have never failed me, I just want to request something from you sir, please help with a tutorial of a bank app (fintech) with Prisma, superbase , extended and explanatory like you always do , thanks. 🎉❤
Checkout Getform: getform.io
Nice tutorial! I've been using react-hook-form but I like the look of conform. One thing I struggle with is safe actions, do you use next-safe-action?
Hey, can you share an empty .env only with the keys names?
I am little confused. Should i buy m1 or m2 8gb ram
Are you using MacBook air m1?
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.
Jan, you explain very well, thank you for your videos, could you make one of handling with multi-step forms ?
Can you make a micro service app using the typescript and docker.
There is api description generate an client
thanks mate
You're welcome!
Why don't you use the form componet of shadcn ui? There is some reason?
The answer is quite simple: I don’t like react-hook-form. It’s perfect for client-side validation, but in my opinion, it falls short when it comes to server-side validation. Over the years, I’ve tried countless form libraries, and Conform has consistently performed the best. Conform works seamlessly for both client- and server-side validation.
@@janmarshalcodingThx
God I love you, man!
Glad you do 😂 🫶
Thanks Jan!
**BUG** hey Jan, great project. But there is a bug, when someone creates two articles of same slug then it shows error.
Great Tutorial Jan. Tks to share
Glad it could help you! Thanks for supporting the channel. I see you in the comments often! 🫶
Hello I had a problem in your create a modern fully responsive UI/UX website with next.js 14 and tailwind i can’t get svg image which you use in this that video how I use svg image in that project please tell me
Have you checked his GitHub repo?
"I checked the GitHub repo , but I couldn't find any images there." @@chrisfx9097
Inside the git repo, you will find a public folder. Inside the public folder you will find everything you need. Gradient etc.
@@janmarshalcoding I checked your gethub repo but I can't get any public folder please send me a link of your git repo.
Jan ❤ I admire you Always thank you for your content.
I appreciate you. I know you were supporting the channel when I still had very little subs ❤️