How To Deploy React Application on Netlify with Custom Configuration (Env Variables and Router)

Опубликовано: 26 Сентябрь 2022
на канале: CodeBucks

5,617

115

Tutorial😇 to host React application on Netlify ☁

Blog📖: https://devdreaming.com

Hi there 👋,

In this video,
We will use Netlify to host our React application. We will also learn to configure env variables on Netlify so that we can use them in our React application. You will also learn to add some additional configuration on netlify for react-router as well.

Don't forget to watch the whole video, we're going to learn a lot of stuff like,
▶️ How to deploy React application on Netlify
▶️ How to use env variables on Netlify
▶️ How to configure Netlify when you are using react-router

Timestamp⌛:
Channel Intro @00:00
Netlify @00:10
Using Github to host your code @01:42
Using env variables @06:45
Using netlify-cli @12:22
Problem with react-router @17:54
Configure Netlify when you are using react-router @20:41

Watch the full video in order to understand, so that you can host your application and customize it.

𝗙𝗼𝗹𝗹𝗼𝘄 𝗺𝗲 𝗼𝗻 👇 𝘄𝗵𝗲𝗿𝗲 𝗜'𝗺 𝘀𝗵𝗮𝗿𝗶𝗻𝗴 𝗹𝗼𝘁'𝘀 𝗼𝗳 𝘂𝘀𝗲𝗳𝘂𝗹 𝗿𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀!
Twitter🐤 :   / code_bucks
LinkedIn 🔗:   / codebucks
Instagram 📫:   / code.bucks
Email 📧: [email protected]

In upcoming videos, I'm going to create lots of cool stuff with JavaScript and React so make sure to subscribe.

Like, Sub🥂 & Share! ♥

Learn More About,

🔥Build awesome landing page for Apple iPhone [ ThreeJS + ReactJS ]
   • 🔥Build awesome 3D landing page for Ap...

🔥Build a Stunning Fashion Studio Website with React JS [ Locomotive Scroll + GSAP + Framer Motion ]
   • 🔥Build a Stunning Fashion Studio Webs...

🔥Create an NFT Collection Website Landing page with React JS [Mobile Responsive]
   • 🔥Create an NFT Collection Website Lan...

🔥Build a Stunning Portfolio Website with React JS [ Framer-motion + Styled-components ]
   • 🔥Build a Stunning Portfolio Website w...

Build Responsive website with ReactJS, Styled-Components & GSAP❣️:
   • React Website🤩 : Build Responsive web...

Build Devto Clone in React:
   • Build Dev.to Clone in React

Build Awesome stuff with ReactJs (Playlist) :
   • Build with ReactJs

React Advanced Topic (Playlist) :
   • React Advanced Concepts | Every React...

If you have any suggestions regarding any topics in Web Development feel free to reach out or just comment below.

Thank You for watching! 😉

Where else you can find me:
Twitter🐤 :   / code_bucks
LinkedIn 🔗:   / codebucks
Instagram 📫:   / code.bucks
Email 📧: [email protected]

Disclaimer:
All videos are for educational purposes only, please use them wisely.

#reactjs
#netlify
#host