How To Deploy React Application on Netlify with Custom Configuration (Env Variables and Router)
CodeBucks CodeBucks
31.4K subscribers
5,631 views
116

 Published On Sep 26, 2022

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

show more

Share/Embed