Build a SaaS Code Editor with Next.js 15 - React.js Full Stack VSCode

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ธ.ค. 2024

ความคิดเห็น • 117

  • @asaprogrammer_
    @asaprogrammer_  18 วันที่ผ่านมา +7

    Try Clerk for FREE: go.clerk.com/WITrHcX
    Try Convex for FREE: convex.dev/c/asaaprogrammer

  • @hwapyongedouard
    @hwapyongedouard 18 วันที่ผ่านมา +42

    the fact that bros projects source code are free is insane

    • @Sneakingmentor
      @Sneakingmentor 18 วันที่ผ่านมา +4

      Ya other devs charge for the source code.

    • @Tanhacode
      @Tanhacode 18 วันที่ผ่านมา +1

      Incredible ❤

  • @AbhishekGupta-zm1my
    @AbhishekGupta-zm1my 7 วันที่ผ่านมา +2

    Your content never fails to inspire and educate-thank you for sharing this incredible project! I still remember the time when you had just 15k subscribers and uploaded the Threads clone project. It’s amazing to see how far you’ve come while continuing to deliver such high-quality and helpful tutorials. Truly grateful for everything I’ve learned from your channel! ❤❤

  • @AllureWears
    @AllureWears 2 วันที่ผ่านมา +1

    Your projects are so damn good, i feel blessed to have found you, really you're so good! ❤ Just one request for a project, can you please make a BookMyShow clone for movie ticketing system, like all the movie and theatre list, real-time seat selection, ticketing, invoicing, emailing of tickets etc. Ive been trying to do it since a while, but get stuck here & there. Im pretty sure you'll blow this project up. More power to you & thanks for making this movie project in advance! 😂✨️❤️

  • @funsai3737
    @funsai3737 4 วันที่ผ่านมา

    one of the most underrated coding channels ever. May you get millions of subs bro.

  • @elixerprince_editz
    @elixerprince_editz 18 วันที่ผ่านมา +7

    Ayo that's a wild idea👍 This channel is great. Gave me ideas.

  • @ur.sanchit7
    @ur.sanchit7 18 วันที่ผ่านมา +3

    My inner feelings says, "You are best at this coding field"

  • @yagnikkkk
    @yagnikkkk 14 วันที่ผ่านมา +1

    Finally I have completed your whole project, I have learned many things from this project thank you so much❤

    • @aakashrajbhar25
      @aakashrajbhar25 14 วันที่ผ่านมา

      How will it take input from a user, like input in python or scanf in c ?

  • @thumper7862
    @thumper7862 18 วันที่ผ่านมา +1

    I just wanted to say, Thank You for taking the time to put out all of these Amazing videos, I am learning so much!

  • @One_Flex
    @One_Flex 18 วันที่ผ่านมา +3

    I liked before watching. Bro is not pregnant but delivers as always ❤

    • @asaprogrammer_
      @asaprogrammer_  18 วันที่ผ่านมา +2

      bro is not Blitzcrank but always supports

  • @Steven-mt4iv
    @Steven-mt4iv 17 วันที่ผ่านมา

    I'm a better dev thanks to you, You not only explain things clearly in a way I can understand but also include best practices. For that, I'm grateful

  • @jonathanadokwei2060
    @jonathanadokwei2060 13 วันที่ผ่านมา

    Without hesitation I liked & subscribed right away. Project & tutorial both with the wow-factor!!!

  • @sattineez
    @sattineez 18 วันที่ผ่านมา

    One more cool full project❤ you deserve more subs and recognition, thank you so much 🙏🏼

  • @inter3988
    @inter3988 17 วันที่ผ่านมา

    Just when I was feeling hopeless, you provided this project. You god or something?
    Hoping to see more nextjs fullstack in future

  • @hoapooh0306
    @hoapooh0306 18 วันที่ผ่านมา +1

    Found your channel during my Spotify clone progress. Your work is incredible. Many thanks 🎉

  • @daviddavid7656
    @daviddavid7656 12 วันที่ผ่านมา

    Legend! I am one hour into the video. Really appreciate the work you have done. also, i was waiting for some project that is not 20+ hours long and can help me learn all of that stuff you are showing here

  • @RohitSingh-em2pm
    @RohitSingh-em2pm 18 วันที่ผ่านมา +2

    More MERN stack projects please, although i did enjoy this one. ❤

  • @daviddavid7656
    @daviddavid7656 12 วันที่ผ่านมา

    Спасибо!

  • @Sneakingmentor
    @Sneakingmentor 18 วันที่ผ่านมา +1

    Amazing project
    Will add this in my portfolio

  • @pablovaldes2397
    @pablovaldes2397 18 วันที่ผ่านมา +1

    I was also doing a project like this, except with web sockets, so you can optionally code with multiple people, fun stuff

  • @abhishek6519
    @abhishek6519 18 วันที่ผ่านมา

    Finnally next js, I'm starting today 😊❤🎉

  • @kuys.undefined
    @kuys.undefined 18 วันที่ผ่านมา +1

    Can you do a Reactjs with Typescript project next video? I would love to learn typescript with react in you, your teaching is incredibly good.

  • @arsheikh_insight
    @arsheikh_insight 11 วันที่ผ่านมา

    I just subscribed, impressed by your effectiveness.

  • @Next-Js
    @Next-Js 18 วันที่ผ่านมา

    A very interesting project, keep it up partner, I'll leave like and subscribe, I hope to see more content like this, the UI is very well done.

  • @akleshyavadu2234
    @akleshyavadu2234 18 วันที่ผ่านมา

    Nice, I was waiting for nextjs

  • @Shivampatel-rd1fi
    @Shivampatel-rd1fi 18 วันที่ผ่านมา

    Hats off to you dude... Thanks a lot for this masterpiece

  • @azlanj
    @azlanj 18 วันที่ผ่านมา +3

    thanks for this great course

    • @asaprogrammer_
      @asaprogrammer_  18 วันที่ผ่านมา

      no worries ^^

    • @sahilprasad4417
      @sahilprasad4417 18 วันที่ผ่านมา

      ​@@asaprogrammer_sir, is this project able to handle large traffic concurrently?... I mean it would have been great if you could release a microservice version of this app

    • @sahilprasad4417
      @sahilprasad4417 18 วันที่ผ่านมา

      ​@@asaprogrammer_btw always great videos keep contributing thanks

    • @egretfx
      @egretfx 13 วันที่ผ่านมา

      @@asaprogrammer_ you are amazing!

  • @khouchanemahmoud9475
    @khouchanemahmoud9475 18 วันที่ผ่านมา

    Seems fun can't wait to start coding 😮

  • @humildehomem
    @humildehomem 17 วันที่ผ่านมา +1

    Thank you for this content!

  • @SoyAcevedo2407
    @SoyAcevedo2407 16 วันที่ผ่านมา

    Hey bro, how do you create these amazing banners for your videos? Are you using Photoshop or some other tool? They look absolutely awesome!

  • @emreozturk7803
    @emreozturk7803 16 วันที่ผ่านมา +1

    kral eline saglik

  • @angeloserenuela4065
    @angeloserenuela4065 18 วันที่ผ่านมา

    This is insane man!❤

  • @oguzyucel8216
    @oguzyucel8216 15 วันที่ผ่านมา

    bro is not pregnant but always delivers🔥

  • @namang2557
    @namang2557 11 วันที่ผ่านมา

    Love you man ❤

  • @bensivani9125
    @bensivani9125 14 วันที่ผ่านมา

    "Awesome video! I've been wanting to learn Next.js, and I'm so glad I'm learning it from one of the best. Your videos are such a great learning experience-thank you for sharing your knowledge!
    By the way, I love the color theme you're using. Could you share what it is?"

    • @asaprogrammer_
      @asaprogrammer_  8 วันที่ผ่านมา +1

      Thanks. It's an extension called Houston

  • @gom-jabbar
    @gom-jabbar 14 วันที่ผ่านมา

    Thanks Burak)❤

  • @minthantoo3509
    @minthantoo3509 8 วันที่ผ่านมา

    After setting up the store during sign up in lemonsqueezy, I am seeing blanks when I visit /dashboard and /setup. Could you help?

  • @ur.sanchit7
    @ur.sanchit7 18 วันที่ผ่านมา +1

    Why I always get inspired from you? why?? 🤔

  • @Homelander_30
    @Homelander_30 18 วันที่ผ่านมา

    Man will you post tech stacks also not often but sometimes like advance backend, typescript kinda

  • @gralius
    @gralius 10 วันที่ผ่านมา

    What if the code have something like input() function to take input from user in console . Will it be able to do?

  • @cosmicthor7330
    @cosmicthor7330 10 วันที่ผ่านมา

    Bro I was doing same project from last 1 month but on my own and I got stuck in part where my ide is not taking input

  • @ajaysinghteotia
    @ajaysinghteotia 18 วันที่ผ่านมา

    Thanks for teancing us

  • @abhishek6519
    @abhishek6519 18 วันที่ผ่านมา

    22:06 what shortcut you use to make these in one line?

  • @surajithalder3154
    @surajithalder3154 15 วันที่ผ่านมา

    I gonna try this, let's see what I will get at end of the. Videi

  • @huzaifa-khan-officia
    @huzaifa-khan-officia 18 วันที่ผ่านมา

    I don't know why I'm facing this error, code is running perfectly, but I think this is typescript error: how can I solve it
    error:
    'ClerkProvider' cannot be used as a JSX component.
    Its type '(props: Without) => Promise' is not a valid JSX element type.
    Type '(props: Without) => Promise' is not assignable to type '(props: any, deprecatedLegacyContext?: any) => ReactNode'.
    Type 'Promise' is not assignable to type 'ReactNode'.
    code:
    import type { Metadata } from "next";
    import localFont from "next/font/local";
    import "./globals.css";
    import { ClerkProvider } from "@clerk/nextjs";
    const geistSans = localFont({
    src: "./fonts/GeistVF.woff",
    variable: "--font-geist-sans",
    weight: "100 900",
    });
    const geistMono = localFont({
    src: "./fonts/GeistMonoVF.woff",
    variable: "--font-geist-mono",
    weight: "100 900",
    });
    export const metadata: Metadata = {
    title: "Create Next App",
    description: "Generated by create next app",
    };
    export default function RootLayout({
    children,
    }: Readonly) {
    return (



    {children}



    );
    }

    • @vedantasingh2472
      @vedantasingh2472 17 วันที่ผ่านมา

      Same

    • @asaprogrammer_
      @asaprogrammer_  17 วันที่ผ่านมา

      // @ts-expect-error next.js compatibility
      Add this comment above the 👆
      This is just a TS error and it does not crash anything. I think we're getting this because there's a new version of Next.js already.

  • @leeprogramador
    @leeprogramador 15 วันที่ผ่านมา +1

    Man, can You make ultimate mortal kombat 3 game? no one do this so far.

  • @progrumerzz
    @progrumerzz 15 วันที่ผ่านมา +1

    it's giving me error in webhooks. webhooks are failed. can someone help me?
    many of the fields are NULL
    NOTE: Got it! i didn't put await in const payload = await request.json()
    my bad sorry!

    • @yagnikkkk
      @yagnikkkk 14 วันที่ผ่านมา

      Bro, I can solve…I have made whole project though

    • @abhishekyadav1764
      @abhishekyadav1764 12 วันที่ผ่านมา

      Help me too ​@@yagnikkkk connect Abhishek9503

  • @-mohammadalakedy5417
    @-mohammadalakedy5417 18 วันที่ผ่านมา

    Thanks Burak , Please Build LMS courses online platform with nextjs 15

  • @vipulgupta4125
    @vipulgupta4125 18 วันที่ผ่านมา +1

    Great Video

  • @AbhishekYadav-ch2mn
    @AbhishekYadav-ch2mn 18 วันที่ผ่านมา

    Do you think convex , clerk used in industry projects? It better you make single page project with react/nextjs & tailwind css

  • @ConsoleLearn
    @ConsoleLearn 18 วันที่ผ่านมา

    absolutely fantastic

  • @harshavshah7929
    @harshavshah7929 18 วันที่ผ่านมา

    Great Project Sir

  • @aakashrajbhar25
    @aakashrajbhar25 14 วันที่ผ่านมา

    How will it take input from a user, like input in python or scanf in c ?

  • @im_harsh.ai.
    @im_harsh.ai. 15 วันที่ผ่านมา

    hii bro i'm getting the error while running the next app project it gets stucked at the starting... and from there it is not working how to solve it please tell

    • @Karan._.00
      @Karan._.00 14 วันที่ผ่านมา

      what is the error bro?

  • @2ru2pacFan
    @2ru2pacFan 18 วันที่ผ่านมา

    The best COD ❤

  • @-CSE-BurhaanWani
    @-CSE-BurhaanWani 18 วันที่ผ่านมา

    Please make a detailed video on websockets.

  • @hannanshaikh5939
    @hannanshaikh5939 4 วันที่ผ่านมา

    Hi bro. I am getting an error like "Failed to authenticate: "No auth provider found matching the given token", check your server auth config". npx run dev and npm run dev are running properly. All the adjustments have been made (keys and secrets for convex and clerk). I was able to login and payment worked as well, opening the compilation of other coding languages. But I am getting 2 errors. First saying that "C:\Users\src\client\…console-error.ts:46
    A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:
    - A server/client branch `if (typeof window !== 'undefined')`.
    - Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
    - Date formatting in a user's locale which doesn't match the server.
    - External changing data without sending a snapshot of it along with the HTML.
    - Invalid HTML tag nesting." and second is that authentication one. Could you please look into it?

  • @Aitool-r3q
    @Aitool-r3q 18 วันที่ผ่านมา

    I am doing your tinder clone project😊 right now, then after I do this

  • @AbhishekYadav-ch2mn
    @AbhishekYadav-ch2mn 17 วันที่ผ่านมา

    Please make a microservice project as a new year gift. Don't use convex, appwrite. We are here to learn industry standards technology.

  • @AvikNayak_
    @AvikNayak_ 2 ชั่วโมงที่ผ่านมา

    Do you have any specific reason for using convex?

  • @rijubasu21
    @rijubasu21 15 วันที่ผ่านมา

    isPro is not getting true even after payment in production but working in development

  • @danmendesd
    @danmendesd 13 วันที่ผ่านมา

    Could you make a project using NuxtJS/VueJS and TailwindCSS for the FrontEnd and ExpressJs/NodeJs for the BackEnd? You could use Supabase and/or Clerk to simplify everything. About the tutorial, thank you very much for helping me with my studies!

  • @deeniyath229
    @deeniyath229 13 วันที่ผ่านมา

    hey developers i need your suggestions , which is best to get knowledge? should i write code simualtenously watching tutorial or should i first watch and understand and start writing code?

    • @AvikNayak_
      @AvikNayak_ 2 ชั่วโมงที่ผ่านมา

      latter

  • @UjjwalSharma.861
    @UjjwalSharma.861 18 วันที่ผ่านมา

    It's crazy ❤😂

  • @VthePeople4156
    @VthePeople4156 18 วันที่ผ่านมา

    Please use docker & k8s for.deployment

  • @ur.sanchit7
    @ur.sanchit7 18 วันที่ผ่านมา +1

    Sir ji, I also build an code editor "codepen clone"

  • @sang4005
    @sang4005 18 วันที่ผ่านมา

    Crazy 😮

  • @mdsonualam8408
    @mdsonualam8408 18 วันที่ผ่านมา

    Crazyyyyy🎉🎉 project

  • @13ghost73
    @13ghost73 18 วันที่ผ่านมา

    another banger

  • @Asim_Ali4857
    @Asim_Ali4857 18 วันที่ผ่านมา

    Wow interesting project

  • @mohammedali5035
    @mohammedali5035 3 วันที่ผ่านมา

    which theme you are using bro

  • @Damilare700
    @Damilare700 17 วันที่ผ่านมา

    Amazing

  • @RR-xb1nh
    @RR-xb1nh 18 วันที่ผ่านมา +1

    Sir what's your vs code theme?

  • @HRUstudent
    @HRUstudent 18 วันที่ผ่านมา

    please next js for beginners

  • @2ru2pacFan
    @2ru2pacFan 18 วันที่ผ่านมา

    Bro can you do a project on an employee leave management?

  • @Galaxee7Edits
    @Galaxee7Edits 18 ชั่วโมงที่ผ่านมา

    make video on how to make code editor like visual studio code (Visual Studio Clone pls For Mobile Phones)

  • @FrontendNerd-lg3oh
    @FrontendNerd-lg3oh 18 วันที่ผ่านมา

    why didnt you go for MERN ?

  • @Aitool-r3q
    @Aitool-r3q 18 วันที่ผ่านมา

    Great ❤🎉

  • @subramanya_cs2903
    @subramanya_cs2903 18 วันที่ผ่านมา

    Bro awesome video please build fullstack Netflix clone with Admin where he can add and delete and edit the movie and series please

  • @JunaidAli-j9b
    @JunaidAli-j9b 18 วันที่ผ่านมา

    Thanks

  • @Muhammadazaanul78
    @Muhammadazaanul78 6 วันที่ผ่านมา

    brother can you make React and Django projects , it would be great stack

  • @vedantasingh2472
    @vedantasingh2472 17 วันที่ผ่านมา

    'ClerkProvider' cannot be used as a JSX component.
    Its type '(props: Without) => Promise' is not a valid JSX element type.
    Type '(props: Without) => Promise' is not assignable to type '(props: any, deprecatedLegacyContext?: any) => ReactNode'.
    Type 'Promise' is not assignable to type 'ReactNode'.
    Keep getting this error.

    • @asaprogrammer_
      @asaprogrammer_  17 วันที่ผ่านมา

      // @ts-expect-error next.js compatibility
      Add this comment above the 👆
      This is just a TS error and it does not crash anything. I think we're getting this because there's a new version of Next.js already.

  • @HoangVu-mv2ei
    @HoangVu-mv2ei 18 วันที่ผ่านมา

    Spring or .Net please

  • @Suresh-iu2tx
    @Suresh-iu2tx 18 วันที่ผ่านมา +1

    Thnx for not using stripe

  • @afaqahmad8918
    @afaqahmad8918 17 วันที่ผ่านมา

    30:00

  • @tigerweb24
    @tigerweb24 18 วันที่ผ่านมา

    Audio track in French PLEASE in all your videos

  • @vilokmasuti4772
    @vilokmasuti4772 18 วันที่ผ่านมา

    IS THIS FULLY RESPONSIVE

  • @johnwick11152
    @johnwick11152 17 วันที่ผ่านมา

    10:28

  • @mudassirsayed8703
    @mudassirsayed8703 18 วันที่ผ่านมา

    Clerk😢

  • @AbhishekYadav-ch2mn
    @AbhishekYadav-ch2mn 18 วันที่ผ่านมา

    Bro make industry level project. Use microservice, microfrontend, docker, kafka.
    You are just wasting your efforts. This video teaches react & css. I hope you understand industry level projects

  • @ramprasadchauhan7
    @ramprasadchauhan7 18 วันที่ผ่านมา

    Thank you, I am waiting for full stack project with react router v7 framework. Please make . There is no project on TH-cam or any other platform

  • @LolProgrammer
    @LolProgrammer 18 วันที่ผ่านมา

    Please Make this project in the MERN stack 🙏