Cules Coding
Cules Coding
  • 116
  • 320 658
DAISY UI crash course with NEXT.JS | Tailwind CSS | React UI Framework
Learn Next UI easily with NextJS. Next UI is a UI library for tailwind CSS.
Crash courses: th-cam.com/play/PLEr-WXao6eSNuG2mQyV_48RQoj5p8WM_q.html
Timestamp:
0:00 What is Daisy UI
3:55 Setup
5:00 Button
11:20 Modal
16:00 Layout & Typography
17:00 Tailwind typography plugin
18:00 Theme
22:25 How to use specific themes
24:55 Change the theme of the page
30:35 Customize theme
32:00 Extend the existing theme
33:05 Outro
Contacts:
Email: thatanjan@gmail.com
Portfolio: thatanjan.vercel.app/
Blog: cules-coding.vercel.app/
Linkedin: linkedin.com/in/thatanjan/
Github: github.com/thatanjan/
Twitter: thatAnjan
Blogs you might want to read:
Eslint, prettier setup with TypeScript and react: www.culescoding.vercel.app/blog/setup-eslint-prettier-with-typescript-and-react
What is Client-Side Rendering?: www.culescoding.vercel.app/blog/what-is-client-side-rendering
What is Server Side Rendering?: www.culescoding.vercel.app/blog/what-is-server-side-rendering
Everything you need to know about tree data structure: www.culescoding.vercel.app/blog/everything-you-need-to-know-about-tree-data-structure
13 reasons why you should use Nextjs: www.culescoding.vercel.app/blog/13-reasons-why-you-should-use-Nextjs
Videos you might want to watch:
Setup Eslint Prettier with Typescript and React -Nextjs, Create React App: th-cam.com/video/T-n0mrssDiw/w-d-xo.html
Setup and deploy fullstack application on Vercel and Render: th-cam.com/video/ME3tMy5Q2qo/w-d-xo.html
Auth0 basics with Next.JS: th-cam.com/video/FqxtDabMUEQ/w-d-xo.html
Upload images from React and Node: th-cam.com/video/hHCabCNLmPk/w-d-xo.html
Chakra-UI crash course: th-cam.com/video/hJ873mLhmFQ/w-d-xo.html
Next auth crash course: th-cam.com/video/tgrvKGPmI04/w-d-xo.html
Build a small search engine with MongoDB: th-cam.com/video/C6VytdSDNSk/w-d-xo.html
Playlists you might like:
Next.Js tutorials: th-cam.com/play/PLEr-WXao6eSPCSujdESIOcDePkTL91FfQ.html
Build a blog using JAMstack: th-cam.com/video/KYLBb1W1ZBA/w-d-xo.html
Quick tricks: th-cam.com/video/RECwLOZdiR4/w-d-xo.html
Crash course: th-cam.com/video/rSa8sUC8m_4/w-d-xo.html
How-to videos: th-cam.com/video/T-n0mrssDiw/w-d-xo.html
Clone Blue Origin Landing Page: th-cam.com/play/PLEr-WXao6eSNuEn9uP_BYinHKcukMbX8L.html
Stay safe and good bye.
มุมมอง: 108

วีดีโอ

What is Cron Jobs? How to use Cron Jobs in Node.js? Node Cron
มุมมอง 3916 ชั่วโมงที่ผ่านมา
Learn what cron job is and how to use corn jobs in Node.js Timestamp: 0:00 What is a cron job 0:25 Cron pattern explanation 7:35 How to create cron jobs in Nodejs Contacts: Email: thatanjan@gmail.com Portfolio: thatanjan.vercel.app/ Blog: cules-coding.vercel.app/ Linkedin: linkedin.com/in/thatanjan/ Github: github.com/thatanjan/ Twitter: thatAnjan Blogs you might want to read: Eslin...
Tailwind Variants crash course with Nextjs | How to create variants in Tailwind CSS
มุมมอง 7313 หลายเดือนก่อน
Learn how to create variants in tailwind CSS using Tailwind variants. Tailwind Variants is a first-class variant API library for TailwindCSS. You will learn: 1. Creating variants 2. Compound variants 3. Responsive variants 4. Slots 5. Compound slots 6. Slots with variants and so on Docs: www.tailwind-variants.org/ NextUI tutorial: th-cam.com/video/4f-tAcsSv54/w-d-xo.html Timestamp: 0:00 Intro 2...
Material Tailwind crash course with NEXT.JS | Tailwind CSS | React UI Framework | Material Design
มุมมอง 3.8K4 หลายเดือนก่อน
Learn Material Tailwind with NextJS. Material Tailwind is a UI framework based on tailwind CSS and Material design. Resources: Material Tailwind: www.material-tailwind.com/ Crash courses: th-cam.com/video/rSa8sUC8m_4/w-d-xo.html&pp=iAQB Next UI: th-cam.com/video/4f-tAcsSv54/w-d-xo.htmlsi=uHOQTgUCZlRQErHX Timestamp: 0:00 Intro 1:25 setup 6:30 Button 10:15 Typography 11:50 Dialog 17:30 Forms 20:3...
NEXT UI crash course with NEXT.JS | Tailwind CSS | React UI Framework
มุมมอง 10K4 หลายเดือนก่อน
Learn Next UI easily with NextJS. Next UI is a framework based on tailwind CSS. Crash courses: th-cam.com/play/PLEr-WXao6eSNuG2mQyV_48RQoj5p8WM_q.html Timestamp: 0:00 Intro 2:30 Setup 8:20 Button component 13:20 Link component 16:50 Dark theme 18:10 Switch between themes 22:00 Customize existing themes 32:00 Add custom theme 33:30 Override component styles 35:40 Add custom variants Contacts: Em...
NextJS Loading UI & How React Streaming and Suspense works | App Router | loading.js
มุมมอง 6505 หลายเดือนก่อน
Learn how to use loading UI in Nextjs and how React streaming with suspense works. 0:00 Intro 0:40 how to use loading.js 3:05 Behind the scene 3:35 How react streaming with suspense works 11:10 Show loader while navigating to a page 14:00 Nested suspense component 17:35 Outro Contacts: Email: thatanjan@gmail.com Portfolio: thatanjan.vercel.app/ Blog: cules-coding.vercel.app/ Linkedin: linkedin....
Don’t make this mistake with React Context in Nextjs and how to setup correctly
มุมมอง 3265 หลายเดือนก่อน
Avoid making this mistake with React context in Nextjs and learn how to setup correctly Blog: th-cam.com/video/Gtc5okZWeHA/w-d-xo.html 0:00 Intro 0:30 The problem 2:30 Correct way to add react context 4:40 Outro Contacts: Email: thatanjan@gmail.com Portfolio: thatanjan.vercel.app/ Blog: cules-coding.vercel.app/ Linkedin: linkedin.com/in/thatanjan/ Github: github.com/thatanjan/ Twitter: twitter....
10 things you should know about Component composition in Nextjs
มุมมอง 2545 หลายเดือนก่อน
You will learn 10 things you should know about Component composition in Nextjs Blog: dev.to/thatanjan/10-things-you-should-know-about-component-composition-in-nextjs-m3p 0:00 Intro 0:30 What is component composition and obvious pattern 1:55 1. Client component inside server components 3:00 2. All components are client components under a parent client component 5:00 3. No server component inside...
Setup NextJs 14 with MongoDB and Mongoose | React | instrumentation
มุมมอง 2.7K5 หลายเดือนก่อน
Learn how to setup NextJs with MongoDB and Mongoose. We will also see how to use new instrumentation feature of nextjs Blog: dev.to/thatanjan/2-ways-to-set-up-nextjs-with-mongodb-and-mongoose-4afo Code: github.com/thatanjan/nextjs-mongodb-mongoose-starter 0:00 Intro 0:40 Setup mongodb database on mongodb atlas 3:20 Connect nextjs to mongodb 6:50 Nextjs instrumentation 8:30 Add data to mongodb d...
useFormStatus | Better way to display the loading state in Nextjs forms | React | Server component
มุมมอง 4596 หลายเดือนก่อน
In this video, you will learn a better way to display the loading state in nextjs or react forms. 0:00 Intro 0:30 Old way of showing loading state 1:30 how to use useFormStatus 6:30 Notes 8:05 Outro blog: dev.to/thatanjan/a-better-way-to-display-the-loading-state-in-nextjs-forms-with-useformstatus-28pl Contacts: Email: thatanjan@gmail.com Portfolio: thatanjan.vercel.app/ Blog: cules-coding.verc...
Firebase Cloud Storage Crash course with NextJS 14 | React
มุมมอง 7396 หลายเดือนก่อน
Learn how to use Firebase Storage with Nextjs 14 Blog: dev.to/thatanjan/how-to-upload-images-or-files-on-firebase-cloud-storage-with-nextjs-14-3dpf We will learn how to: - Upload files - Track upload progress - Pause, resume, cancel upload - Download files - Delete files - List files in directories 0:00 Intro 1:05 Setup 4:35 How to upload files 12:10 Get upload progress 14:30 Pause, resume, can...
10. How to write simple & complex queries in Firebase Firestore in Nextjs14
มุมมอง 4296 หลายเดือนก่อน
How to write simple & complex queires in Firebase Firestore in Nextjs14 In this video series, you will learn about how to : - Setup project with Nextjs - Add new document - Add multiple documents - Get documents - Get Realtime updates - Update documents - Delete documents - Sort and Limit data - Query data Resources: Repo: github.com/thatanjan/next-fire-yt Contacts: Email: thatanjan@gmail.com P...
9. How to sort and limit documents from Firebase Firestore in Nextjs14
มุมมอง 2786 หลายเดือนก่อน
How to sort and limit documents t from Firebase Firestore in Nextjs14 Timestamp: 0:00 Intro 0:10 Sort documents 1:30 Limit the number of documents In this video series, you will learn about how to : - Setup project with Nextjs - Add new document - Add multiple documents - Get documents - Get Realtime updates - Update documents - Delete documents - Sort and Limit data - Query data Resources: Rep...
8. How to delete documents from Firebase Firestore in Nextjs14
มุมมอง 2886 หลายเดือนก่อน
8. How to delete documents from Firebase Firestore in Nextjs14
7. How to update documents to Firebase Firestore in Nextjs14
มุมมอง 5846 หลายเดือนก่อน
7. How to update documents to Firebase Firestore in Nextjs14
6. How to get real-time updates from Firebase Firestore in Nextjs14
มุมมอง 7646 หลายเดือนก่อน
6. How to get real-time updates from Firebase Firestore in Nextjs14
5. How to get documents from firestore using Server component | Nextjs14 | Caching
มุมมอง 1.3K6 หลายเดือนก่อน
5. How to get documents from firestore using Server component | Nextjs14 | Caching
4. How to add multiple documents to firestore using Server component and server action | Nextjs14
มุมมอง 9686 หลายเดือนก่อน
4. How to add multiple documents to firestore using Server component and server action | Nextjs14
3. How to add a Document to firestore using Server component and server action | Nextjs14 | Firebase
มุมมอง 3.1K6 หลายเดือนก่อน
3. How to add a Document to firestore using Server component and server action | Nextjs14 | Firebase
2. Setup Firebase project with Nextjs 14 | Server Component | Server Action | React
มุมมอง 4.7K6 หลายเดือนก่อน
2. Setup Firebase project with Nextjs 14 | Server Component | Server Action | React
1. Introduction to Firebase Firestore with Nextjs 14 | Server Component | Server Action | React
มุมมอง 4.7K7 หลายเดือนก่อน
1. Introduction to Firebase Firestore with Nextjs 14 | Server Component | Server Action | React
PostgreSQL Installation & Setup on Linux: Easy Guide
มุมมอง 1.3K9 หลายเดือนก่อน
PostgreSQL Installation & Setup on Linux: Easy Guide
React Hook Form crash course | Everything You Need to Know
มุมมอง 7859 หลายเดือนก่อน
React Hook Form crash course | Everything You Need to Know
How to create modals and popups with Dialog tag in Html
มุมมอง 95ปีที่แล้ว
How to create modals and popups with Dialog tag in Html
Fuzzy Search Made Easy: Your fuse.js Basics Tutorial
มุมมอง 3.1Kปีที่แล้ว
Fuzzy Search Made Easy: Your fuse.js Basics Tutorial
Mantine UI crash course with NEXT.JS | React UI Framework
มุมมอง 19Kปีที่แล้ว
Mantine UI crash course with NEXT.JS | React UI Framework
How to setup and structure GRAPHQL project in Node.JS with Babel for scalability
มุมมอง 199ปีที่แล้ว
How to setup and structure GRAPHQL project in Node.JS with Babel for scalability
Material UI crash course with Next.js 2023 | React UI Framework | V5
มุมมอง 21Kปีที่แล้ว
Material UI crash course with Next.js 2023 | React UI Framework | V5
How to setup and deploy fullstack(MERN) application on Vercel and Render
มุมมอง 9Kปีที่แล้ว
How to setup and deploy fullstack(MERN) application on Vercel and Render
Auth0 basics with Next.JS | Add Google, GitHub, and Email authentication in Next.js project | React
มุมมอง 7Kปีที่แล้ว
Auth0 basics with Next.JS | Add Google, GitHub, and Email authentication in Next.js project | React

ความคิดเห็น

  • @JuddJulia-j7r
    @JuddJulia-j7r 16 ชั่วโมงที่ผ่านมา

    Taylor Michelle Harris Karen Lee Scott

  • @edzbons
    @edzbons 19 ชั่วโมงที่ผ่านมา

    you have a link or separate video for your linux setup? thank you

    • @CulesCoding
      @CulesCoding 31 นาทีที่ผ่านมา

      I don't have any video. You can check my dotfiles on github but don't have a good documentation. github.com/thatanjan/.dotfiles

  • @DivyanshuLohani
    @DivyanshuLohani 9 วันที่ผ่านมา

    Which IDE and Browser you're using?

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

      I use neovim and brave

  • @knameless5051
    @knameless5051 หลายเดือนก่อน

    I LOVE YOU SO MUCH, IN SPANISH THERE IS NOT A VIDEO LIKE YOURS, THANK YOU!!!!!!!

  • @nicholasc.5944
    @nicholasc.5944 หลายเดือนก่อน

    super like👍👍👍

  • @getoutoftheway419
    @getoutoftheway419 หลายเดือนก่อน

    hey you. the video was very helpful for me i wanted to ask u something how to connect this to my vscode

    • @CulesCoding
      @CulesCoding หลายเดือนก่อน

      install a plugin that will allow you to connect with PostgreSQL. And then use the credentials like user name, password, db name etc to connect. Hope this Helps

  • @figh761
    @figh761 หลายเดือนก่อน

    in which database u created the table

    • @CulesCoding
      @CulesCoding หลายเดือนก่อน

      'postgres' is the default db. So I created the table on that db

  • @ancronym
    @ancronym หลายเดือนก่อน

    What is the IDE you are using? Super cool looks on everything.

    • @CulesCoding
      @CulesCoding หลายเดือนก่อน

      I use Neovim or Neovide to be exact.

  • @THEOATechnology
    @THEOATechnology หลายเดือนก่อน

    You just made me understood better, didn't know I've been making mistakes in my code... Thanks so much 🙏

    • @CulesCoding
      @CulesCoding หลายเดือนก่อน

      Great to hear!

  • @kalanaCoder
    @kalanaCoder 2 หลายเดือนก่อน

    good serius

    • @CulesCoding
      @CulesCoding 2 หลายเดือนก่อน

      thanks

  • @AhmedOlanrewaju-q6h
    @AhmedOlanrewaju-q6h 2 หลายเดือนก่อน

    Why is it that when using Button it will show error to enforce some prop i dont need to add Type '{ children: string; type: "button"; }' is missing the following properties from type 'Pick<ButtonProps, "children" | "color" | "disabled" | "translate" | "form" | "slot" | "style" | "title" | "onChange" | "onClick" | "className" | "value" | "key" | "autoFocus" | ... 259 more ... | "loading">': placeholder, onPointerEnterCapture, onPointerLeaveCapturets(2739) (alias) const Button: ForwardRefExoticComponent<Pick<ButtonProps, "children" | "color" | "disabled" | "translate" | "form" | "slot" | "style" | "title" | "onChange" | "onClick" | "className" | "value" | "key" | ... 260 more ... | "loading"> & RefAttributes<...>>

    • @CulesCoding
      @CulesCoding 2 หลายเดือนก่อน

      I am not sure. I would recommend creating an issue on the repo if you are still having problem

  • @SylvesterRubioIII-h6p
    @SylvesterRubioIII-h6p 2 หลายเดือนก่อน

    Got a problem here when making the provider file it seems that the children is highlited red and give out an error of Binding element 'children' implicitly has an 'any' type.ts(7031)

    • @CulesCoding
      @CulesCoding 2 หลายเดือนก่อน

      I guess you haven't added the types for children. It should be `ReactNode`.

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

      i prefer to use type PropsWithChildren. it just works for me.

  • @original_ET
    @original_ET 2 หลายเดือนก่อน

    Thant's was helpful. Thank you! Can we change the speed of moving of the jarallax pictures? If yes, can you show, how to do this too?

    • @CulesCoding
      @CulesCoding 2 หลายเดือนก่อน

      I believe this is what you need. github.com/nk-o/jarallax?tab=readme-ov-file#a-javascript-way

  • @reality_today
    @reality_today 2 หลายเดือนก่อน

    Amazing, clear to the point

  • @danifromecuador
    @danifromecuador 2 หลายเดือนก่อน

    I use this video for installing and the odin project tutorial for setting postgres every time I reinstall arch, thanks!

    • @CulesCoding
      @CulesCoding 2 หลายเดือนก่อน

      Glad it helped

  • @MoTiVaTiooO
    @MoTiVaTiooO 2 หลายเดือนก่อน

    it doesnt work for me i get the styles. I consol.log them in some text input anmd it is correct but it doesnt apply i dont know why

    • @CulesCoding
      @CulesCoding 2 หลายเดือนก่อน

      Maybe it is worth checking if you have setup tailwind correctly

    • @MoTiVaTiooO
      @MoTiVaTiooO 2 หลายเดือนก่อน

      @@CulesCoding i am using in react native but it applys only sometimes

    • @CulesCoding
      @CulesCoding 2 หลายเดือนก่อน

      You can create an issue in the repo

  • @marcuswhiteley9425
    @marcuswhiteley9425 2 หลายเดือนก่อน

    Hi. I'm getting an error. Error: Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported. It posts to the database on submit, but then throws the error. It doesn't indicate which component is causing the problem.

    • @CulesCoding
      @CulesCoding 2 หลายเดือนก่อน

      I think you are passing unserializable data. react.dev/reference/rsc/use-server#serializable-parameters-and-return-values If you are passing a mongoose response try calling to `toObject` method. i.e `blog.toObject()`

    • @marcuswhiteley9425
      @marcuswhiteley9425 2 หลายเดือนก่อน

      @@CulesCoding Hi. Thanks for getting back. I think it is caused by "return newPost.save();" in the action file. It replicates what you did, so I don't know why it's giving me an error and not you!

    • @CulesCoding
      @CulesCoding 2 หลายเดือนก่อน

      may be try removing the `return` keyword and await the save method.

  • @user-sr9fh9iw9q
    @user-sr9fh9iw9q 2 หลายเดือนก่อน

    hello thanks very much

  • @marcuswhiteley9425
    @marcuswhiteley9425 2 หลายเดือนก่อน

    Hi! You just explained in 16 minutes something that I could not find anywhere else!

  • @hamza-325
    @hamza-325 2 หลายเดือนก่อน

    This is the library that I was looking for, not the low-level Tailwind CSS that everybody is telling us to learn! Mantine is so high level that allows you to build something great quickly, yet let you customize the low-level CSS details when someone needs them. It is just PERFECT!

  • @wendeus8946
    @wendeus8946 2 หลายเดือนก่อน

    what operating system are you using?

    • @CulesCoding
      @CulesCoding 2 หลายเดือนก่อน

      ArcoLinux (hyprland version)

    • @Chikobara
      @Chikobara 2 หลายเดือนก่อน

      ​@@CulesCoding cool waybar tho, at first moment i thought its customised kde

    • @CulesCoding
      @CulesCoding หลายเดือนก่อน

      @@Chikobara thanks

  • @welldiscerned7540
    @welldiscerned7540 2 หลายเดือนก่อน

    how to do this using realtime database

    • @CulesCoding
      @CulesCoding 2 หลายเดือนก่อน

      Passing the query to `onSnapShot` function should work

    • @welldiscerned7540
      @welldiscerned7540 2 หลายเดือนก่อน

      @@CulesCoding thanks

    • @welldiscerned7540
      @welldiscerned7540 2 หลายเดือนก่อน

      @@CulesCoding I have another question, I always been trying to get data from “Users/uid” the uid is of course a actually generated uid , but the problem is that I have been trying to get the uid or any user data in that node in realtime database but all it does is return my uid in the console log

  • @Rushi-q9o
    @Rushi-q9o 3 หลายเดือนก่อน

    Great explanation of the Next UI. This video is very informative and easy to follow. I have just subscribed to your channel to stay updated with more content like this. Please keep up the awesome work.

    • @CulesCoding
      @CulesCoding 3 หลายเดือนก่อน

      Awesome, thank you!

  • @CulesCoding
    @CulesCoding 3 หลายเดือนก่อน

    At 2:35 you need to return the cleanup function from the useEffect callback, I mistakenly did that from iife. Just don't use iife in that case.

  • @pinsaramallawarachchi8201
    @pinsaramallawarachchi8201 3 หลายเดือนก่อน

    Thanks a lot

  • @josevsebastian2909
    @josevsebastian2909 3 หลายเดือนก่อน

    you didn't unsubscribe. please learn react before doing tutorials on next js.

    • @CulesCoding
      @CulesCoding 3 หลายเดือนก่อน

      thanks for noticing. I mistakenly return from the iife not from the useEffect callback.

  • @akshatdubey4421
    @akshatdubey4421 3 หลายเดือนก่อน

    Even after setting up, my components are unstyled

    • @CulesCoding
      @CulesCoding 3 หลายเดือนก่อน

      Can't say anything for sure. but make sure: 1. You have updated the tailwind config 2. Added the provider to your app And always follow the documentation.

    • @akshatdubey4421
      @akshatdubey4421 3 หลายเดือนก่อน

      @@CulesCoding I've done these exact steps

    • @CulesCoding
      @CulesCoding 3 หลายเดือนก่อน

      @@akshatdubey4421 Hard for me to say without seeing the code

    • @omarelhassani8452
      @omarelhassani8452 3 หลายเดือนก่อน

      i have the same issue

    • @omarelhassani8452
      @omarelhassani8452 3 หลายเดือนก่อน

      i fixed the issue by : const {nextui} = require("@nextui-org/react"); /** @type {import('tailwindcss').Config} */ module.exports = { content: [ // ... "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}", ], theme: { extend: {}, }, darkMode: "class", plugins: [nextui()], };

  • @BitWizCoder
    @BitWizCoder 3 หลายเดือนก่อน

    Thanks for the video. also one other thing. pleas share a neofetch screen shot 🤣

    • @CulesCoding
      @CulesCoding 3 หลายเดือนก่อน

      haha.. will do in the future.

  • @DynamicCorp242
    @DynamicCorp242 3 หลายเดือนก่อน

    Je viens de découvrir la chaîne TH-cam,je m'abonne

    • @CulesCoding
      @CulesCoding 3 หลายเดือนก่อน

      thank you

  • @y0ake77
    @y0ake77 3 หลายเดือนก่อน

    This helped a lot❤

  • @nguyenhoa072
    @nguyenhoa072 3 หลายเดือนก่อน

    first server component and how to load more documents?

    • @CulesCoding
      @CulesCoding 3 หลายเดือนก่อน

      sorry for the late reply. If you want to have pagination or infinite scroll, you need to use client components and query cursors. Because Firestore doesn't support offset values. At least in client side libraries. Hope it helped.🙂

  • @kellslte
    @kellslte 3 หลายเดือนก่อน

    Your explanation of how React suspense works is very clear and I love the example you used. Great work!🤗

    • @CulesCoding
      @CulesCoding 3 หลายเดือนก่อน

      Glad you liked it!

  • @gibber1sh-c6w
    @gibber1sh-c6w 3 หลายเดือนก่อน

    Looks interesting! I wish this playlist also had Authentication.

  • @BukkyOdunsi
    @BukkyOdunsi 4 หลายเดือนก่อน

    Thank you so much ❤

  • @JayeshThanvi
    @JayeshThanvi 4 หลายเดือนก่อน

    How can i add custom color for input component

    • @CulesCoding
      @CulesCoding 4 หลายเดือนก่อน

      use classname prop

    • @JayeshThanvi
      @JayeshThanvi 4 หลายเดือนก่อน

      @@CulesCoding can i edit input config object?

  • @yapayzeka
    @yapayzeka 4 หลายเดือนก่อน

    53:40 wtf my soul left my body. 1:06:09 media query hook

    • @CulesCoding
      @CulesCoding 4 หลายเดือนก่อน

      I never noticed the audio issue. 😅 Thank btw

  • @JayeshThanvi
    @JayeshThanvi 4 หลายเดือนก่อน

    can you share github repo link

    • @CulesCoding
      @CulesCoding 4 หลายเดือนก่อน

      Sorry, I just used some random code or code from the docs. So I didn't add them to github

  • @neoTriny
    @neoTriny 4 หลายเดือนก่อน

    The explanation ok good, but the visuals are really bad, text is not visible properly

    • @CulesCoding
      @CulesCoding 4 หลายเดือนก่อน

      thanks for the feedback

  • @neoTriny
    @neoTriny 4 หลายเดือนก่อน

    Looks nice 🎉

  • @CriptoLeaks
    @CriptoLeaks 4 หลายเดือนก่อน

    wow! your arch linux looks very good! What configuration do you have and what windows do you use? And editor??

    • @CulesCoding
      @CulesCoding 4 หลายเดือนก่อน

      thanks. I was using neovide as editor. My config: github.com/thatanjan/.dotfiles Though I haven't added documentation yet

    • @CriptoLeaks
      @CriptoLeaks 4 หลายเดือนก่อน

      @@CulesCoding thank you brother

  • @KralinRuslan
    @KralinRuslan 4 หลายเดือนก่อน

    perfect

  • @user-dg7xb3wv7s
    @user-dg7xb3wv7s 4 หลายเดือนก่อน

    like for Manjaro

  • @mogo6798
    @mogo6798 4 หลายเดือนก่อน

    Hey can you make a video regarding firebase rules with next js. I mean with a bit complex use case. Thanks for the video series.

    • @CulesCoding
      @CulesCoding 4 หลายเดือนก่อน

      Sure thing!

  • @algaldia
    @algaldia 4 หลายเดือนก่อน

    This is like shadcn/ui?

    • @CulesCoding
      @CulesCoding 4 หลายเดือนก่อน

      Well not entirely. Both of them are styled with Tailwind but Next UI abstracts way the complexity. And Shadcn allows you to copy paste the component and gives you full control over the component.

    • @algaldia
      @algaldia 4 หลายเดือนก่อน

      @@CulesCoding Thank you!

  • @nanonkay5669
    @nanonkay5669 4 หลายเดือนก่อน

    Next ui should be Mantine please. It's top tier

  • @pruthvirajjadhav8124
    @pruthvirajjadhav8124 4 หลายเดือนก่อน

    When I saw she is using Arch I knew she knows what she is talking about

    • @CulesCoding
      @CulesCoding 4 หลายเดือนก่อน

      I am a boy

    • @muhammadtahir-f6n
      @muhammadtahir-f6n 4 หลายเดือนก่อน

      @@CulesCoding 😁😄

    • @Rushi-q9o
      @Rushi-q9o 3 หลายเดือนก่อน

      ​@@CulesCoding With great power comes great responsibility Don't misuse your power.

  • @CodeChaos-jd2be
    @CodeChaos-jd2be 4 หลายเดือนก่อน

    I cant express how helpfull this vid is ,Really thankfull for this

    • @CulesCoding
      @CulesCoding 4 หลายเดือนก่อน

      Glad it helped

  • @eliezerabrahamontiverosoje2165
    @eliezerabrahamontiverosoje2165 4 หลายเดือนก่อน

    y la modal?

    • @CulesCoding
      @CulesCoding 4 หลายเดือนก่อน

      sorry?

    • @hectormartinez7002
      @hectormartinez7002 4 หลายเดือนก่อน

      siii justo entre para ver algo acerca de modales mantine y nada, chale me voy triste

    • @hectormartinez7002
      @hectormartinez7002 4 หลายเดือนก่อน

      :,c

    • @eliezerabrahamontiverosoje2165
      @eliezerabrahamontiverosoje2165 4 หลายเดือนก่อน

      We needed how to styled the modal like change the header's background color for example. But great course man.

    • @CulesCoding
      @CulesCoding 4 หลายเดือนก่อน

      @@eliezerabrahamontiverosoje2165 Well I have explained the ways you can change styles in the video. For example, you can use styles API to change the styles for modal header. mantine.dev/core/modal/?t=styles-api

  • @hos7012
    @hos7012 4 หลายเดือนก่อน

    what is this editor?

    • @CulesCoding
      @CulesCoding 4 หลายเดือนก่อน

      I use neovim

  • @oliverahmed7630
    @oliverahmed7630 5 หลายเดือนก่อน

    awesome idea.