Artem Kirsanov
Artem Kirsanov
  • Видео 40
  • Просмотров 29 951
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...
Просмотров: 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
Feel App - Features Overview
Просмотров 190Год назад
Feel App - Features Overview
Multilanguage app in Bubble.io - Bubble Tutorial
Просмотров 3,7 тыс.Год назад
Multilanguage app in Bubble.io - Bubble Tutorial

Комментарии

  • @valarmorghulis3797
    @valarmorghulis3797 12 дней назад

    Дуже вмістко і багато корисної інформації

  • @MDFireX5
    @MDFireX5 12 дней назад

    огромный нос, армянин ?

    • @kirsnv
      @kirsnv 12 дней назад

      Еврей)

  • @codingcode69
    @codingcode69 13 дней назад

    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

    • @kirsnv
      @kirsnv 12 дней назад

      Hey! It’s rose pine theme and jetbrains mono font. Thank you very much ❤️

  • @TheTrackoShow
    @TheTrackoShow 16 дней назад

    I need your vs code theme settings

    • @kirsnv
      @kirsnv 16 дней назад

      Hey, It's quite simple. Rose Pine (no italics) theme and JetBrains Mono font

  • @brodacious1313
    @brodacious1313 22 дня назад

    Where is shadcn ever mentioned in this?

    • @kirsnv
      @kirsnv 21 день назад

      Hey! Listen closely so you don’t miss any details.

  • @maximiliangerhardt
    @maximiliangerhardt 22 дня назад

    Thank you very much! I'm glad to find your tutorial

  • @Nisha-nb6rv
    @Nisha-nb6rv 23 дня назад

    Loved it

  • @erics1337
    @erics1337 23 дня назад

    What browser is that?

    • @kirsnv
      @kirsnv 23 дня назад

      It's Arc

  • @zxcaaq
    @zxcaaq 26 дней назад

    what is this garbage

  • @u_walk2251
    @u_walk2251 28 дней назад

    hey artem, great work and ideas. you mentioned discord link ? i can't find one here

    • @kirsnv
      @kirsnv 28 дней назад

      Hey, appreciate this! It's here : discord.gg/dKGdyqR5

  • @BonfaceOdhiambo-x8s
    @BonfaceOdhiambo-x8s 29 дней назад

    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?

  • @Kunal_Rai
    @Kunal_Rai 29 дней назад

    Make a indepth video implementing middleware and protecting routes , mainly using composer ai , cursor.

  • @Kunal_Rai
    @Kunal_Rai 29 дней назад

    Great

  • @JulianZumaya-nd6xe
    @JulianZumaya-nd6xe Месяц назад

  • @david.tanasescu
    @david.tanasescu Месяц назад

    thank you

  • @tigidou3344
    @tigidou3344 Месяц назад

    noway, Typescript it's a joke. No distinct avantages to use it.

  • @kaze9308
    @kaze9308 Месяц назад

    але бро ты на 14 хуяришь, зачем писать nextjs 15

  • @shahnawazk
    @shahnawazk Месяц назад

    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!

  • @BonfaceOdhiambo-x8s
    @BonfaceOdhiambo-x8s Месяц назад

    Help me a lot. Thanks man.

  • @saidameziani7297
    @saidameziani7297 Месяц назад

    ❤ France algérienne Paris iltone ❤❤ Pink diamant rubis or ❤❤❤❤❤ chances baraka Allah engel ❤❤sir Ronaldo univers prince sultan ❤ Alibaba ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤ empire allah akbar ❤❤❤❤❤❤❤❤❤❤❤all

  • @adriancoliba
    @adriancoliba Месяц назад

    thx for posting link repo 👍

  • @MucleOwen
    @MucleOwen Месяц назад

    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.

  • @hrcdesign
    @hrcdesign Месяц назад

    Exciting series so far! Feedback so far is the audio seemed better in video 1 in terms of levels

  • @amazingvideos4824
    @amazingvideos4824 Месяц назад

    Hey man you are doing amazing work Also can you share the repo?

  • @cyruslorenzo9182
    @cyruslorenzo9182 Месяц назад

    THNAK YOU MAN!!! we appreciate it

  • @dankmonkeey9708
    @dankmonkeey9708 Месяц назад

    verry good video . i hope we can get more like this .. Thank you

  • @luqmandv
    @luqmandv Месяц назад

    Great video, keep it going

  • @swastikpatel234
    @swastikpatel234 Месяц назад

    wow I was in immediate need of this, thanks a lot , def you gained a subscriber

  • @scorpion32
    @scorpion32 Месяц назад

    I love the use of simple design fundamentals

  • @piotrgolon1919
    @piotrgolon1919 Месяц назад

    Nice work!

    • @kirsnv
      @kirsnv 23 дня назад

      Thank you!

  • @SONUYADAV-vs5ye
    @SONUYADAV-vs5ye Месяц назад

    nice tutorial, i like the way you are teaching, please complete the full project , thank you.

  • @SuperMaker.M
    @SuperMaker.M Месяц назад

    Interesting!

  • @u_walk2251
    @u_walk2251 Месяц назад

    yes, please do. i love the concept of - gone are the days of lowcode & nocode tools. riley brown needs competition ^^

  • @jeffrey102000
    @jeffrey102000 3 месяца назад

    Thanks

  • @Anonimo205i
    @Anonimo205i 3 месяца назад

    Love your videos bro, keep making them 👏🏻

  • @levkantor6435
    @levkantor6435 5 месяцев назад

    Good stuff!

  • @DummyBubble
    @DummyBubble 5 месяцев назад

    Thanks Artem, good job

  • @DummyBubble
    @DummyBubble 6 месяцев назад

    Merci, Grazie, Thanks 👍👍👍

  • @alexdonega
    @alexdonega 7 месяцев назад

    tks to share

  • @watchparth
    @watchparth 7 месяцев назад

    Super neat

  • @vibehighest
    @vibehighest 7 месяцев назад

    Thank you so much for allowing us to use and build from your templates! so helpful!

  • @LindokuhlefNgcobo
    @LindokuhlefNgcobo 8 месяцев назад

    We really appreciate this ! Not all heroes wear capes.

  • @thiagorocha1335
    @thiagorocha1335 8 месяцев назад

    Damint bro.. u are a angel for beginners life... thank u!

  • @kufreudom6764
    @kufreudom6764 8 месяцев назад

    Thanks for the figma file

  • @cyberintell2958
    @cyberintell2958 8 месяцев назад

    Great project. I have been considering using webflow for the UI but that is an additional cost.

  • @nocodebobos
    @nocodebobos 9 месяцев назад

    Thanks for laying the process. Can you link the Figma UI Kit?

  • @cesar333
    @cesar333 9 месяцев назад

    Really good man. You earned a subscriber. Thanks

  • @ADD-XNOCODE
    @ADD-XNOCODE 10 месяцев назад

    Great solution! Keep going

  • @burner918
    @burner918 10 месяцев назад

    This is amazing. Thank you so much for this. Wow.

  • @nic_1
    @nic_1 10 месяцев назад

    супер дякую 👍🏻👍🏻 Недавно Искал чтото подобное для mobile web app, так и не нашел, а тут прям все лаконично и в одном месте