Deploy Production React App to Netlify (Github and CI/CD)

Поделиться
HTML-код
  • Опубликовано: 15 июл 2024
  • Netlify is one of the nicest cloud hostings that cares about its developers and provides simple but yet powerful deployment pipelines for Javascript and React Applications. In this video, we will Deploy a Production Ready Full React Application from our local machine to Netlify's hosting and we will hook up Continous Integration and Continous Delivery CI/CD, we will set up and use Netlify-CLI as an advanced level to use our local machines to prepare the build and push it to the Netlify's servers in seconds and use Github for directly building from source when code changes.
    ⭐ Timestamps ⭐
    00:00 Intro to Netlify
    01:37 What is Netlify?
    03:09 Why would you use Netlify?
    04:41 What Project we will Deploy?
    06:44 Creating Github Repo and Pushing Codebase
    10:29 Setting Up Netlify-CLI
    18:08 Triggering Deployment on Netlify
    22:13 Make sure Multi-Page works for react-router
    25:11 Using Your local machine for running faster Netlify builds
    🧭 Watch Tutorial on Designing the website on Figma
    • I Design a onecolor We...
    🧭 Watch Create a Modern React Login/Register Form with smooth Animations
    • Create a Modern React ...
    🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
    • Debug React Apps Like ...
    🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
    • Master React Like Pro ...
    🧭 Learn Redux For Beginners | React Redux from Zero To Hero build a real-world app
    • Debug React Apps Like ...
    🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
    • Build Login/Register A...
    🧭 Introduction to GraphQL with Apollo and React
    • Introduction to GraphQ...
    🐦 Follow me on Twitter: / ipenywis
    💻 Github Profile: github.com/ipenywis
    💡 My Blog: ipenywis.com
    Made with 💗 by Coderone

Комментарии • 7

  • @avneet12284
    @avneet12284 2 года назад

    Excellent video

  • @alexandr8151
    @alexandr8151 Год назад

    Great video thanks!

  • @busyrand
    @busyrand 2 года назад

    Wow... This was super advanced, in a good way, once you got into all of the Yarn and Netlify CLI stuff. I know just enough Git to do the basics so it was cool to see you think, and troubleshoot the remote paths on the fly. It was unclear, but I guess the last portion where the build is done locally on our machine should save us from using our monthly allotment of build time that Netlify gives us since that process didn't occur on their servers.

  • @hamidmehmood6728
    @hamidmehmood6728 2 года назад

    Next project next Js 🔥

  • @danielnguyen825
    @danielnguyen825 2 года назад

    huge thanks !!! can you make similar videos with AWS or other platforms

    • @CoderOne
      @CoderOne  2 года назад +1

      Yes, AWS stuff are on the way!

  • @dailymeow3283
    @dailymeow3283 2 года назад

    Hey i wonder if we can have some react webapp maybe a blog or a corporate website with netlify CMS for the client to edit and modify on the go