Skill Issue Studio
Skill Issue Studio
  • 7
  • 14 448
Learn SQL with Next.js Server Actions and React Server Components
In this video we use Vercel Postgres, Next.js, Server Actions, SQL, React Server Components, TypeScript, and shadcn/ui to build a simple CRUD application.
The primary focus of this video is using basic SQL for CRUD operations and Next.js Server Actions.
GitHub Repo: github.com/youngbloodcyb/sql
Follow me on Twitter (X): x.com/youngbloodcyb
Thanks for watching! Let me know in the comments what other type of content you'd like to see!
Переглядів: 103

Відео

Build Beautiful Landing Pages FAST with Next.js and shadcn/ui
Переглядів 3 тис.2 місяці тому
Quickly launch well-designed landing pages with Next.js, shadcn/ui, components.bridger.to, and router.so. Building landing pages can be a monotonous task for developers. Use prebuilt components to quickly build high converting landing pages. Additionally, use router.so to abstract the difficulty of saving user information in a database.
Let's Code || Next.js 14 Server Actions || Simple CRUD App || Code & Lofi
Переглядів 1,3 тис.9 місяців тому
Live coding of a CRUD application with Next.js 14 Server Actions , Tailwind, Typescript, Prisma ORM, and SQLite. Next.js docs - nextjs.org/docs All music by Cookin' Soul - cookinsoulrecords.com/ Twitter - youngbloodcyb GitHub - github.com/youngbloodcyb
Build With Me || Code & LoFi || Build a Modal with AlpineJS, Vite, and TailwindCSS
Переглядів 16510 місяців тому
In this video I build a simple HTML modal using AlpineJS, Vite, and TailwindCSS. Enjoy the video and vibe with the LoFi and ambient background office sounds. Music credits: Vintage Daydream - Filo Starquez Lounge - Chill Pulse Little Voices - Amine Maxwell Creamy - Aylex Sunflower - Lukrembo freetouse.com/music Follow me: youngbloodcyb cameronyoungblood.com
Build with me || Code & LoFi || Next.js 14 Server Actions, Tailwind, shadcn/ui, Typescript, Prisma
Переглядів 10 тис.10 місяців тому
Follow the code: github.com/youngbloodcyb/project-tracker-next14 An unedited first look at using Server Actions with Next.js 14, Tailwind, shadcn/ui, Typescript, Prisma ORM, and SQLite combined with ambient office noise and LoFi tracks. LoFi Music Credits: Tower - Lukrembo Biscuit - Lukrembo Lunch - Lukrembo Bread - Lukrembo Branch - Lukrembo Autumn - Lukrembo Rainy Day - Lukrembo Waiting - Luk...

КОМЕНТАРІ

  • @haiderjaafer8164
    @haiderjaafer8164 18 днів тому

    Great work keep going forward... But codes are far to see.. Hope fix this in future ❤

  • @bridgertower
    @bridgertower 23 дні тому

    Amazing course, really been learning a lot from this. My skill issue gap is shrinking 🙏

  • @swastikpatel234
    @swastikpatel234 2 місяці тому

    wow what a cool idea 'router.so' , would love to contribute

    • @skillissuestudio
      @skillissuestudio 2 місяці тому

      Thanks! We’re almost ready to fully open it up

  • @dipanshusabharwal
    @dipanshusabharwal 2 місяці тому

    Would you be regular?

    • @skillissuestudio
      @skillissuestudio 2 місяці тому

      I’m hoping to start posting more regularly.

  • @kaspars-b
    @kaspars-b 2 місяці тому

    Thank you very much! Would like to see more projects from you! Cheers!

  • @bridgertower
    @bridgertower 2 місяці тому

    He's back!!! Great vid thanks for featuring components and craft

  • @dallinbosco9572
    @dallinbosco9572 3 місяці тому

    I could listen to this all day. Makes me feel like I'm just right next to you working hard.

  • @arupde6320
    @arupde6320 7 місяців тому

    GitHub link ??

    • @skillissuestudio
      @skillissuestudio 7 місяців тому

      github.com/youngbloodcyb/project-tracker-next14

  • @cabugo9487
    @cabugo9487 7 місяців тому

    Is the link preview at 3:09 from the Arc browser or is it an extension?

  • @thedon758
    @thedon758 8 місяців тому

    Source code for reference? It's sometimes hard to see the code

    • @skillissuestudio
      @skillissuestudio 7 місяців тому

      Sorry for the delay on this, I went back and pushed the code: github.com/youngbloodcyb/project-tracker-next14

  • @paritbhardwaj019
    @paritbhardwaj019 8 місяців тому

    Bro 1 tip when mutating states use "setData((prev) => prev + 1)" because states may be considered as asynchronous sometimes, so it will ensure that you're working with latest data

  • @aguud
    @aguud 9 місяців тому

    the font size in the visual studio code is too small for me, i think you can make it bigger and enable Word Wrap in Visual Studio Code with ALT + Z Key

  • @ogunleyeoluwafemi7243
    @ogunleyeoluwafemi7243 9 місяців тому

    Hi there, this is nice is there somewhere to get the source code? To properly follow along 🙏🏾🙏🏾

    • @skillissuestudio
      @skillissuestudio 8 місяців тому

      Hey! Sorry, I don't have this code published anywhere. I'll be sure to upload the source code to all videos moving forward!

    • @skillissuestudio
      @skillissuestudio 7 місяців тому

      github.com/youngbloodcyb/project-tracker-next14

  • @jirizubrycky5144
    @jirizubrycky5144 9 місяців тому

    Hey, i really love your videos, please make more! i will be happy if you add more videos about react,tailwind,sanity CMS, typescript and other cool frameworks man!

    • @skillissuestudio
      @skillissuestudio 9 місяців тому

      Thank you! And that's a great idea, more to come! 🙏🙏🙏

  • @user-lo7tj3jt4g
    @user-lo7tj3jt4g 9 місяців тому

    Coding soul

    • @skillissuestudio
      @skillissuestudio 9 місяців тому

      This is genius. Need to name these videos that haha

  • @EdoFirmansyah
    @EdoFirmansyah 9 місяців тому

    I like your setup, gonna catch up your video later. subbed!

  • @14nathan7
    @14nathan7 9 місяців тому

    Did you buy screen studio for your recording screen?

  • @oscar407
    @oscar407 9 місяців тому

    Theme name? and what vscode plugins do you use?

    • @skillissuestudio
      @skillissuestudio 9 місяців тому

      Tokyo Night for theme. 'Geist Mono' for font. Main plugin is 'Auto Close Tag'. I use intellisense for Tailwind, JSX, etc. My IDE is Cursor which is basically an AI wrapper for VS Code-no plugins for AI!

  • @thcl5298
    @thcl5298 9 місяців тому

    Which software are you recording with? @youngbloodcyb

  • @corizoncodes
    @corizoncodes 9 місяців тому

    Wonderful tutorial you've got there. I love the server action in nextjs

    • @skillissuestudio
      @skillissuestudio 9 місяців тому

      Thank you! They make it so nice to spin something up quickly!

  • @bridgertower
    @bridgertower 9 місяців тому

    Let’s go! Keep the content on server actions coming

  • @user-qy7tl4bn2h
    @user-qy7tl4bn2h 9 місяців тому

    Have you ever thought of making an only fans?

  • @anhgt26
    @anhgt26 9 місяців тому

    Why not use the 'prisma db pull'? :p

    • @skillissuestudio
      @skillissuestudio 9 місяців тому

      haha I was struggling there for a bit 🤦‍♂

    • @TozzaYT
      @TozzaYT 9 місяців тому

      it's actually perfect seeing struggles, please keep making videos like this. I find this wayy easier to follow and understand than tutorials, because I can see how you're thinking and the docs you're using @@skillissuestudio

    • @skillissuestudio
      @skillissuestudio 8 місяців тому

      Thank you!

  • @APerson-d5s
    @APerson-d5s 10 місяців тому

    what is the UI on the right side of your VScode?

    • @skillissuestudio
      @skillissuestudio 10 місяців тому

      It's called Cursor! It's actually an AI IDE built on top of VS Code. All plugins and config directly import. You just add your GPT API key cursor.sh/

  • @hrithiksingh5716
    @hrithiksingh5716 10 місяців тому

    Man, this is so soothing to watch Awesome stuff, keep going

  • @bridgertower
    @bridgertower 10 місяців тому

    This is sick. Been thinking about using Alpine JS with my new Laravel App I'm helping build

    • @skillissuestudio
      @skillissuestudio 10 місяців тому

      It's super clean. I think Laravel is the perfect use case for it

  • @bridgertower
    @bridgertower 10 місяців тому

    been needing this

    • @skillissuestudio
      @skillissuestudio 10 місяців тому

      Thanks for checking out. I'm thinking of dropping the link to the repo on GitHub

    • @bridgertower
      @bridgertower 10 місяців тому

      That would be great @@skillissuestudio