- Видео 40
- Просмотров 29 951
Artem Kirsanov
Добавлен 19 ноя 2022
Build a Modern Auth System in 20 Minutes with NextJS 15 and Supabase + Free Template
Learn how to build a modern authentication system in Next.js 15 using Supabase! In this comprehensive tutorial, we'll create a production-ready auth system with features like:
• Password-less authentication with magic link
• Social login integration (Google)
• Middleware
• Persistent sessions with cookies
Chapters:
0:00 - Introduction
0:32 - Start of Tutorial
0:41 - Authentication Approaches Overview
1:04 - Project Structure & Setup
2:46 - Code Organization
3:25 - Supabase Documentation & Setup
4:43 - Supabase Client Configuration
5:31 - Middleware Setup
6:35 - Authentication & Redirects
7:38 - Client & Server Actions
8:45 - Supabase Provider Configuration
9:48 - Magic Link Implementation
11:31 - Form Han...
• Password-less authentication with magic link
• Social login integration (Google)
• Middleware
• Persistent sessions with cookies
Chapters:
0:00 - Introduction
0:32 - Start of Tutorial
0:41 - Authentication Approaches Overview
1:04 - Project Structure & Setup
2:46 - Code Organization
3:25 - Supabase Documentation & Setup
4:43 - Supabase Client Configuration
5:31 - Middleware Setup
6:35 - Authentication & Redirects
7:38 - Client & Server Actions
8:45 - Supabase Provider Configuration
9:48 - Magic Link Implementation
11:31 - Form Han...
Просмотров: 1 945
Видео
Building AI App with NextJS 15 and Shadcn UI: Smart State Management & Generation Pipeline - Part 4
Просмотров 3 тыс.14 дней назад
In this fourth part of our Next.js AI app series, we're taking our application to the next level by implementing real-time AI generation and advanced state management. You'll learn: • How to implement useActionState for smooth AI interactions • Building a robust AI generation pipeline • Production-ready error handling This tutorial continues our journey from zero to production, showing you how ...
How to Build Bubble Plugins with AI: Full Tutorial
Просмотров 43021 день назад
Curious about how to create your own Bubble plugins using AI? In this video, I’ll walk you through the process from start to finish, making it easy for anyone-even beginners! You’ll learn how to build custom plugins in Bubble that will supercharge your apps and workflows. Whether you’re new to Bubble or want to save time with AI-driven development, this tutorial will help you quickly get up to ...
Build AI Apps Faster: Next.js, Supabase, and Vercel AI SDK for Rapid Shipping
Просмотров 56828 дней назад
Discover how to quickly build and deploy AI-powered applications using Next.js, Supabase, and Vercel AI SDK. In this tutorial, I’ll walk you through my go-to tech stack that enables rapid development, seamless integration, and scalable deployment. Learn the strategies and tools that help me ship apps fast, without compromising on quality 0:00 - Introduction to Quillminds project 0:25 - Demonstr...
Next.js SEO Mastery: Keyword Research & Effortless Landing Page Creation (Part 2)
Просмотров 334Месяц назад
Boost your Next.js SEO strategy with expert keyword research techniques and learn to quickly build high-converting landing pages. This tutorial covers SEO optimization, content strategy, and leveraging Next.js for improved search engine rankings and user engagement. 0:00 - Introduction and recap of previous video 0:24 - Overview of marketing strategies for online projects 2:19 - Discussing SEO ...
Building AI App with Next JS 15 and Shadcn UI from Scratch - Part 3
Просмотров 444Месяц назад
In this video we are continue building AI App with Next JS. This is the third part of a series of videos where we will go from Zero to Hero with Next JS 15 00:00 - Introduction and recap of previous video 00:31 - Overview of today's plan and approach to building features 01:40 - Demonstrating the final result and discussing the main features 02:31 - Setting up the folder structure and routing 0...
Mastering SEO in Next.js: Optimize Your Website with Best Practices & Free Blog Template
Просмотров 757Месяц назад
Learn how to optimize your site's SEO effortlessly and enhance its online presence. Get access to the GitHub repository link below to start implementing these techniques today. 0:00 - Introduction to Next.js SEO Optimization 0:01 - Benefits of SEO for Next.js Apps 0:40 - Starting with the Configurations 1:04 - Creating SEO Tags and Render Schema in Next.js 1:49 - Key Metadata Elements Explanati...
Building AI App with Next JS 15 and Shadcn UI from Scratch - Part 2
Просмотров 619Месяц назад
Building AI App with Next JS 15 and Shadcn UI from Scratch - Part 2
Next.js Tutorial: Build Optimized Landing Pages + Free Template
Просмотров 1,4 тыс.Месяц назад
Next.js Tutorial: Build Optimized Landing Pages Free Template
Building AI App with Next JS 15 and Shadcn UI from Scratch - Part 1
Просмотров 1,7 тыс.Месяц назад
Building AI App with Next JS 15 and Shadcn UI from Scratch - Part 1
My Vision - Code, Create, Educate | Sharing plans for future
Просмотров 99Месяц назад
My Vision - Code, Create, Educate | Sharing plans for future
How I Started writing Code as NoCode developer with Ai Tools
Просмотров 1212 месяца назад
How I Started writing Code as NoCode developer with Ai Tools
How I integrated Figma to my Bubble dev workflow - Export Figma to Bubble
Просмотров 2093 месяца назад
How I integrated Figma to my Bubble dev workflow - Export Figma to Bubble
How I Solved UI Building Problem In Bubble
Просмотров 2025 месяцев назад
How I Solved UI Building Problem In Bubble
Become Top 1% Bubble Dev With This 5 Tips
Просмотров 5349 месяцев назад
Become Top 1% Bubble Dev With This 5 Tips
Bubble Payment Made Easy: The Two-Webhook Solution
Просмотров 10710 месяцев назад
Bubble Payment Made Easy: The Two-Webhook Solution
Bubble UI Made Easy: My Path to Simplified Design
Просмотров 76010 месяцев назад
Bubble UI Made Easy: My Path to Simplified Design
Top 5 Bubble Plugins for Enhanced Web Development - 2023 Guide
Просмотров 27810 месяцев назад
Top 5 Bubble Plugins for Enhanced Web Development - 2023 Guide
Mastering Bubble: Create Cutting-Edge Plugins to Elevate Your App's Performance
Просмотров 14911 месяцев назад
Mastering Bubble: Create Cutting-Edge Plugins to Elevate Your App's Performance
Bubble API Integration Tutorial for NoCode SaaS
Просмотров 70Год назад
Bubble API Integration Tutorial for NoCode SaaS
Style Default Bubble.io Elements with CSS - Full Tutorial
Просмотров 365Год назад
Style Default Bubble.io Elements with CSS - Full Tutorial
Gamechanging Option Sets Bubble.io - Full Tutorial
Просмотров 272Год назад
Gamechanging Option Sets Bubble.io - Full Tutorial
Color Coding System in Bubble.io - Orginize Your Workflows
Просмотров 235Год назад
Color Coding System in Bubble.io - Orginize Your Workflows
Single Page App in Bubble.io (SPA) - Tutorial | Kirsanov
Просмотров 1,6 тыс.Год назад
Single Page App in Bubble.io (SPA) - Tutorial | Kirsanov
SPA (Single Page App) на Bubble - Tutorial
Просмотров 169Год назад
SPA (Single Page App) на Bubble - Tutorial
Мультиязычное приложение на Bubble - Full Tutorial
Просмотров 302Год назад
Мультиязычное приложение на Bubble - Full Tutorial
How to choose a niche for a SaaS business | Kirsanov
Просмотров 70Год назад
How to choose a niche for a SaaS business | Kirsanov
UI/UX design in Bubble.io - Bubble and Figma Part2
Просмотров 1,6 тыс.Год назад
UI/UX design in Bubble.io - Bubble and Figma Part2
Multilanguage app in Bubble.io - Bubble Tutorial
Просмотров 3,7 тыс.Год назад
Multilanguage app in Bubble.io - Bubble Tutorial
Дуже вмістко і багато корисної інформації
огромный нос, армянин ?
Еврей)
Thank your for the amazing content you post keep up the videos I love your style of teaching 🎉🎉 also btw what theme is that 👀 and font they look super clean
Hey! It’s rose pine theme and jetbrains mono font. Thank you very much ❤️
I need your vs code theme settings
Hey, It's quite simple. Rose Pine (no italics) theme and JetBrains Mono font
Where is shadcn ever mentioned in this?
Hey! Listen closely so you don’t miss any details.
Thank you very much! I'm glad to find your tutorial
Loved it
What browser is that?
It's Arc
what is this garbage
hey artem, great work and ideas. you mentioned discord link ? i can't find one here
Hey, appreciate this! It's here : discord.gg/dKGdyqR5
Hey man, I followed you on X. I have subscribed here too. Could you confirm my subscription so that I can send you direct messages on this project?
Make a indepth video implementing middleware and protecting routes , mainly using composer ai , cursor.
Great
thank you
noway, Typescript it's a joke. No distinct avantages to use it.
але бро ты на 14 хуяришь, зачем писать nextjs 15
Thanks Artem for all your efforts to put this video tutorial to the masses! I really like the app design specially the tabs like navigation in the top header. Keep it up!
Help me a lot. Thanks man.
❤ France algérienne Paris iltone ❤❤ Pink diamant rubis or ❤❤❤❤❤ chances baraka Allah engel ❤❤sir Ronaldo univers prince sultan ❤ Alibaba ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤ empire allah akbar ❤❤❤❤❤❤❤❤❤❤❤all
thx for posting link repo 👍
This information is incredibly valuable for SEO optimization in Nextjs applications. Thank you for sharing these insights; I truly appreciate your expertise. Please continue providing such helpful content.
Exciting series so far! Feedback so far is the audio seemed better in video 1 in terms of levels
Hey man you are doing amazing work Also can you share the repo?
THNAK YOU MAN!!! we appreciate it
verry good video . i hope we can get more like this .. Thank you
Great video, keep it going
wow I was in immediate need of this, thanks a lot , def you gained a subscriber
I love the use of simple design fundamentals
Nice work!
Thank you!
nice tutorial, i like the way you are teaching, please complete the full project , thank you.
Interesting!
yes, please do. i love the concept of - gone are the days of lowcode & nocode tools. riley brown needs competition ^^
Thanks
Love your videos bro, keep making them 👏🏻
Good stuff!
Thanks Artem, good job
Merci, Grazie, Thanks 👍👍👍
tks to share
Super neat
Thank you so much for allowing us to use and build from your templates! so helpful!
We really appreciate this ! Not all heroes wear capes.
Damint bro.. u are a angel for beginners life... thank u!
Thanks for the figma file
Great project. I have been considering using webflow for the UI but that is an additional cost.
Thanks for laying the process. Can you link the Figma UI Kit?
Really good man. You earned a subscriber. Thanks
Great solution! Keep going
This is amazing. Thank you so much for this. Wow.
супер дякую 👍🏻👍🏻 Недавно Искал чтото подобное для mobile web app, так и не нашел, а тут прям все лаконично и в одном месте