Light Code
Light Code
  • Видео 76
  • Просмотров 622 357
Next js 14 Blog Website Tutorial | MongoDB, Mongoose & Cloudinary | Full Stack Blog App Project
Next js 14 Blog Website Tutorial | MongoDB, Mongoose & Cloudinary | Full Stack Blog App Project
Looking to learn Next.js quickly? Check out this course video where we dive into the fundamentals of Next.js. Whether you're a beginner or an experienced developer, this tutorial has got you covered. Get ready to explore server-side rendering, routing, API integration, and Mongoose, Cloudinary, MongoDB, CRUD and more.
Don't forget to like, comment, and subscribe for more exciting content. Let's get coding!
☕️ Support me
www.buymeacoffee.com/hamidur_rahman
👇 Social Media:
Twitter: iamhamidur
💻 Source Code:
lightcodeblog.com/next-js-14-blog-website/
⏱ Timestamps
0:00 Intro
10:05 Routing
11:48 ...
Просмотров: 3 096

Видео

Build Restful CRUD API: A Step by Step Guide for Beginners using Node js, Express, and MongoDB
Просмотров 2934 месяца назад
In this video, we'll build Restful CRUD API using Node js, Express, and MongoDB from scratch. ☕️ Support me: www.buymeacoffee.com/hamidur_rahman 👇 Social Media: Twitter: iamhamidur 💻 Source Code: lightcodeblog.com/nodejs-crud-api 📥 Contact: lightcodecamp@gmail.com #nodejs #express #mongoose #lightcode
Tailwind CSS: Build and Deploy a Fully Responsive Burger Website || Light & Dark Mode
Просмотров 40 тыс.10 месяцев назад
In this video, we'll build and deploy a fully responsive burger website using tailwind css, from scratch. The website is fully responsive as well. ☕️ Support me www.buymeacoffee.com/hamidur_rahman 👇 Social Media: Twitter: iamhamidur 💻 Source Code: lightcodeblog.com/tailwind-css-build-and-deploy-a-fully-responsive-burger-website-light-dark-mode-2023 Timeline: 0:00 What we are buildin...
Next.js: Light & Dark Theme Using Next.js 13
Просмотров 3,9 тыс.11 месяцев назад
Next.js: Light & Dark Theme Using Next.js 13 - (2023) Don't forget to like, comment, and subscribe for more exciting content. ☕️ Support me www.buymeacoffee.com/hamidur_rahman 👇 Social Media: Twitter: iamhamidur 💻 Source Code: lightcodeblog.com/next-js-light-dark-theme-using-next-js-13-2023 ⏱ Timestamps 0:00 Intro 0:37 Using Custom CSS 18:13 Using Tailwind CSS 📂 Assets Next Themes: ...
Next.js 13 Crash Course - Prisma, MongoDB, CRUD, REST API
Просмотров 17 тыс.11 месяцев назад
Next.js 13 Crash Course 2023 - Prisma, MongoDB, CRUD, REST API Looking to learn Next.js quickly? Check out this crash course video where we dive into the fundamentals of Next.js. Whether you're a beginner or an experienced developer, this tutorial has got you covered. Get ready to explore server-side rendering, routing, API integration, and Prisma, MongoDB, CRUD and more. Don't forget to like, ...
Build and Deploy a Pizza Website Using HTML, CSS and JavaScript || Dark and Light Mode
Просмотров 2,6 тыс.Год назад
Build and Deploy a Pizza Website Using HTML, CSS and JavaScript (2023) || Dark and Light Mode In this video, we'll build and deploy a pizza website using only HTML, CSS and JavaScript (2023), from scratch. The website is fully responsive as well. ☕️ Support me www.buymeacoffee.com/hamidur_rahman 👇 Social Media: Twitter: iamhamidur 💻 Source Code: lightcodeblog.com/build-and-deploy-a-...
Build React Image Slider From Scratch Tutorial - (2023)
Просмотров 3,3 тыс.Год назад
Build React Image Slider From Scratch Tutorial - (2023) In this video, we'll build react image slider from scratch. The website is fully responsive as well. ☕️ Support me www.buymeacoffee.com/hamidur_rahman 👇 Social Media: Twitter: iamhamidur 💻 Source Code: lightcodeblog.com/build-react-image-slider-from-scratch-tutorial-2023 Timeline: 0:00 What we are building 0:43 Setup 4:44 Conte...
Build and Deploy a Netflix Clone Website Using only HTML and CSS (2023)
Просмотров 2,9 тыс.Год назад
Build and Deploy a Netflix Clone Website Using only HTML and CSS (2023) In this video, we'll build and deploy a netflix clone website using only HTML and CSS (2023), from scratch. The website is fully responsive as well. ☕️ Support me www.buymeacoffee.com/hamidur_rahman 👇 Social Media: Twitter: iamhamidur 💻 Source Code: lightcodeblog.com/build-and-deploy-a-netflix-clone-website-usin...
Tailwind CSS: Build and Deploy a Fully Responsive Website with Modern UI/UX
Просмотров 65 тыс.Год назад
In this video, we'll build and deploy a fully responsive website with modern UI/UX, from scratch. The website is fully responsive as well. ☕️ Support me www.buymeacoffee.com/hamidur_rahman 👇 Social Media: Twitter: iamhamidur 💻 Source Code: lightcodeblog.com/tailwind-css-build-and-deploy-a-fully-responsive-website-with-modern-ui-ux-2023/ Timeline 0:00 What we are building 1:18 Intro ...
TailwindCSS: Building a Pricing Card With Tailwind CSS
Просмотров 818Год назад
In this video, we'll build a pretty cool pricing card with Tailwind CSS, from scratch. The website is fully responsive as well. ☕️ Support me www.buymeacoffee.com/hamidur_rahman 👇 Social Media: Twitter: iamhamidur 💻 Source Code: lightcodeblog.com/tailwindcss-building-a-pricing-card-with-tailwind-css-2023/ Timeline 0:00 What we are building 0:53 Intro 1:00 Setup 2:07 Tailwind Crash C...
Build a Fully Responsive Restaurant Website with Modern UI and UX in ReactJS
Просмотров 3,2 тыс.Год назад
Learn how to build a React website from scratch in this tutorial. The website is fully responsive as well. ☕️ Support me www.buymeacoffee.com/hamidur_rahman 👇 Social Media: Twitter: iamhamidur Here is the source code: lightcodeblog.com/build-a-fully-responsive-restaurant-website-with-modern-ui-and-ux-in-reactjs/ Timeline 0:00 What we are building 2:36 Creating React App 15:00 Navbar...
Build a Fully Responsive Website with Modern UI and UX in React JS
Просмотров 1,1 тыс.2 года назад
Learn how to build a React website from scratch in this tutorial. The website is fully responsive as well. ☕️ Support me www.buymeacoffee.com/hamidur_rahman 👇 Social Media: Twitter: iamhamidur Here is the source code: lightcodeblog.com/build-a-fully-responsive-website-with-modern-ui-and-ux-in-react-js/ Timeline 0:00 What we are building 2:47 Creating React App 5:23 Navbar 34:10 Hero...
React Blog Website Tutorial || Fully Responsive Website
Просмотров 6112 года назад
React Blog Website Tutorial || Fully Responsive Website
How to Create an Accordion Using HTML & CSS
Просмотров 3372 года назад
How to Create an Accordion Using HTML & CSS
Social Buttons With Awesome Hover Effects Using HTML and CSS
Просмотров 3272 года назад
Social Buttons With Awesome Hover Effects Using HTML and CSS
How To Make Sidenav Using HTML & CSS Step by Step
Просмотров 5872 года назад
How To Make Sidenav Using HTML & CSS Step by Step
How To Make Website Using HTML & CSS Step by Step
Просмотров 3682 года назад
How To Make Website Using HTML & CSS Step by Step
Responsive Multi Page Full Website Using HTML and CSS
Просмотров 30 тыс.2 года назад
Responsive Multi Page Full Website Using HTML and CSS
Sub and Sup tags in Html
Просмотров 3252 года назад
Sub and Sup tags in Html
How To Make Responsive Drop Down Menu || HTML And CSS
Просмотров 9 тыс.2 года назад
How To Make Responsive Drop Down Menu || HTML And CSS
How To Make Blog Website Using HTML & CSS | Full Responsive Website Design Step by Step
Просмотров 7962 года назад
How To Make Blog Website Using HTML & CSS | Full Responsive Website Design Step by Step
How to Create Twitter Login Page || Responsive || HTML and CSS
Просмотров 3,8 тыс.2 года назад
How to Create Twitter Login Page || Responsive || HTML and CSS
Scroll Animation on Hover Using Only HTML and CSS
Просмотров 6032 года назад
Scroll Animation on Hover Using Only HTML and CSS
Table In HTML and CSS | How To Create Tables | Learn HTML and CSS | HTML Tutorial | CSS Tutorial
Просмотров 2772 года назад
Table In HTML and CSS | How To Create Tables | Learn HTML and CSS | HTML Tutorial | CSS Tutorial
How To Make Website Using HTML & CSS | Full Responsive Website Design Step by Step
Просмотров 1,3 тыс.2 года назад
How To Make Website Using HTML & CSS | Full Responsive Website Design Step by Step
How to Create Card Slider || HTML, CSS || Jquery, OwlCarousel
Просмотров 3,9 тыс.2 года назад
How to Create Card Slider || HTML, CSS || Jquery, OwlCarousel
CSS Gradient Text
Просмотров 2142 года назад
CSS Gradient Text
Animated Icon || Only HTML & CSS
Просмотров 2962 года назад
Animated Icon || Only HTML & CSS
CSS Card Hover Effects | HTML & CSS
Просмотров 5692 года назад
CSS Card Hover Effects | HTML & CSS
Newspaper Landing Page | Responsive | HTML & CSS
Просмотров 16 тыс.2 года назад
Newspaper Landing Page | Responsive | HTML & CSS

Комментарии

  • @user-df2ej3wd4c
    @user-df2ej3wd4c День назад

    You Good Teacher

  • @lilbrumb
    @lilbrumb 5 дней назад

    Nice video bro! I've just got an issue: console keep shows "Not enough image for loop mode " but the images are 10. I cant fix it.

  • @imranjms
    @imranjms 6 дней назад

    i am facing this prob.. 'The `text-whiteColor` class does not exist. If `text-whiteColor` is a custom class, make sure it is defined within a `@layer` directive.', Can anyone please help me out? Thanks in advance

  • @rishisharma8596
    @rishisharma8596 10 дней назад

    thank you

  • @ashishkumar-jo7cj
    @ashishkumar-jo7cj 10 дней назад

    Please explain me why you give your arrow bottom 1/2 this make no sense you can only give bottom 4 to your arrow up button in the starting it should not in the classlist but when screen crosses Y >250 then you can add this bottom-4 class here bottom 1/2 was not required

  • @ashishkumar-jo7cj
    @ashishkumar-jo7cj 12 дней назад

    You are explaining from the pre written css please write from stratch because many newcomers can face problems during making a project from stratch specially under the media queries and utilities

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

    nimaga manda oxshamadi

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

    So disgusting

  • @naturevibe172
    @naturevibe172 20 дней назад

    Thanks a lot! 😊

  • @asimfida3143
    @asimfida3143 20 дней назад

    Hi i am getting error 403 , JsonWebTokenError: jwt malformed. please me out

  • @madeby_amir01
    @madeby_amir01 25 дней назад

    I got error for navbar (profile photo) & single blog page (delete or edit blog post) component, error: TypeError: Cannot read properties of undefined (reading 'toString') what can I do? please debug

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

    Nice

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

    Where is the code?

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

    how to get image

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

    Please also show how to deploy it! Thanks!

    • @sanketmane2303
      @sanketmane2303 17 дней назад

      u can upload any nextjs project on vercel or netlify easily it won't required in videos

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

    How you made the responsive mobile view at right side.what is the name of the extension

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

    instead of hardcoding left:150px, we can do right:0 and transform: translateX(100%). it will align the chile to the right edge of the parent. Good video

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

    need simple correction for hamburger menu script see my code please = menu.addEventListener("click", (event) => { if (event.target.matches("#link")) { menu.classList.add("hidden"); hamburger.classList.remove("fa-xmark"); } });

  • @alishasheikh-vi4xi
    @alishasheikh-vi4xi Месяц назад

    asslam alaikum sir navbar bna kar hum kaha share kar sakhte hai

  • @darshan_simba
    @darshan_simba 2 месяца назад

    thanx for the tutorial man it was excellent, but one thing we should not use same "id" in HTML it is not a good practice

    • @aqibali6008
      @aqibali6008 18 дней назад

      yeah and use could have used simple css to select in QS paranthesis

  • @mithun6418
    @mithun6418 2 месяца назад

    Simple and clear explanations. Thanks for the video

  • @HEMANTRAJ-MNNITian
    @HEMANTRAJ-MNNITian 2 месяца назад

    Sir I am getting Hydration error, how to fix it?

    • @lightcodechannel
      @lightcodechannel 2 месяца назад

      Please watch the video again; I have already fixed that issue.

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

      const [hydrated, setHydrated] = useState(false); useEffect(() => { setHydrated(true); }, []); if (!hydrated) { return null }

  • @joelojo4072
    @joelojo4072 2 месяца назад

    Amazing video, keep it up man 👏🏾 ...Can you teach how to make it responsive tho

  • @ztk5309
    @ztk5309 2 месяца назад

    How can i get your image ?

    • @lightcodechannel
      @lightcodechannel 2 месяца назад

      Please check the link provided in the description for the source code and download it.

  • @MDSoHeL-py2gu
    @MDSoHeL-py2gu 2 месяца назад

    Great Work Bro 💌💌💌💌💌💌

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

    very helpful . I learned a lot. Are yo bangladeshi?

  • @user-uq9ne3nd6q
    @user-uq9ne3nd6q 3 месяца назад

    Excellent tutorial :)

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

    It was really really helpful ❤

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

    Make 1 video about how to design navigation bar drop-down menu Means when we click on particular drop-down menu then automatically open next webpage

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

    plz give me the demo link

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

    I appreciate you for putting A good work for us. Please can you crate a contact menu or nav bar with a link button to it So that when you click on contact menu a pop up form will display. Like contact us form, logging or massage us form will display as a popup in contact menu❤

  • @SurajKumar-cj7oc
    @SurajKumar-cj7oc 3 месяца назад

    bery nice

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

    THANKS A LOT. You did really great work, thanks again. May God bless you.

  • @Softvideo-od3ir
    @Softvideo-od3ir 4 месяца назад

    nice

  • @peoplearecool8766
    @peoplearecool8766 4 месяца назад

    Having music on tutorial videos is not a good idea

  • @rayyamahira1111
    @rayyamahira1111 4 месяца назад

    thank you so much, it helped me learn css more! your video is really easy to understand

  • @aisyahputriarifah2193
    @aisyahputriarifah2193 4 месяца назад

    Why i chance color/add property color in tailwind.config.js but my website not chance the color, please answer my question🥲

    • @aisyahputriarifah2193
      @aisyahputriarifah2193 4 месяца назад

      In light mode my background color is white, so I want to change text color in black or dark, but still white. I have chance many times but still not working. I'm sorry if my english bad

  • @Ayushore
    @Ayushore 4 месяца назад

    Bro bring a tutorial on full ReactJs using a project bro.. I don’t know anything about ReactJs but want to learn from you

  • @GauriSpirit
    @GauriSpirit 4 месяца назад

    This is what I am looking for. Simple but nice

  • @EugeneKoech
    @EugeneKoech 4 месяца назад

    link to download files not working

    • @lightcodechannel
      @lightcodechannel 4 месяца назад

      It's working perfectly brother, please check again.

  • @dhn_raihan9712
    @dhn_raihan9712 4 месяца назад

    Baiya arokom video aro chai 🖤🖤🖤🖤

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

    Very Nice

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

    In nextjs 14, this method does not work. Also, i wanted to know if we are wrapping provider on body in nextjs , doesn't it make every child present inside it be default client component.

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

    Bro how to add backend for our website using like PHP language and how to deploy our website in production with backed in short how to deploy a dynamic website?

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

    Nice one bro.. Can u make react + tailwind projects

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

    so great ♥

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

    Good job But please I need the link to asset folder(HTML and jsx) that you used in the project.

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

      There is a source code link in the description. Please follow the link.

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

      ​@@lightcodechannelOkay. Seen Thanks

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

    Thank you for the lesson. Is there a difference between the CRUD operations we do with Nextjs and Nodejs CRUD operations?

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

    This project is really a masterpiece using Tailwind CSS... #Very_Good💯👍

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

    👍👍👍