Deploy a React Three Fiber App to a Free Production Web Host Using Netlify
This video is a little different. A few people have asked me how to get their projects hosted online with a domain name. In this video, I'll walk you through how I would publish and deploy a React Three Fiber app using Github, Netlify, and Google Domains.
When we're done we'll have a production-ready React web app (with R3F) hosted on the Netlify CDN, secured with HTTPS/SSL and a fantastic professional quality Git pipeline for making updates to the app.
First, we'll create a React project with create-react app, then we'll create a GitHub account and push our code to a new repository. Next, we get a Netlify account and connect it to our Repository so it can build the app. Finally, we'll purchase a domain name and link it to Netlify.
0:00 Deploying a React App to Netlify
1:00 Creating a local React App with create-react-app
8:20 Using GitHub to store and control your source code
15:35 Connecting your Code on Github to Netlify
22:15 Buying a Domain Name on Google Domains
23:30 Configure Netlify to Use a Custom Domain
28:05 Closing comments about Static Site Generation and Server Side Rendering with Three.js
Watch video Deploy a React Three Fiber App to a Free Production Web Host Using Netlify online without registration, duration hours minute second in high quality. This video was added by user Code Workshop 03 August 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,284 once and liked it 53 people.