Skip to content

tiffpereira/react-netlify-deployment

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 

Repository files navigation

react-netlify-deployment

Getting Started

First create your own Netlify account. Signing up with Github is recommended for easy deployment, and is the method this guide is following. Screen Shot 2022-11-07 at 2 28 49 PM

After creating an account, there will be a few user questions. Follow through the prompts until you get to this page: Screen Shot 2022-11-04 at 1 02 13 PM Select import from an existing project

Your screen will look like the image below. Screen Shot 2022-11-07 at 2 32 12 PM Now we want to connect to the Git provider, select Github

The following page will allow you to select any repos in your Github account. Search and select the repo you wish to deploy. Screen Shot 2022-11-07 at 2 35 03 PM

Now we want to give Netlify a few instructions when deploying your site. In the base directory section add the name of your react app, NOT your root directory/GitHub repo name. In the build command section include 'npm run build', and for your publish directory 'build'. Screen Shot 2022-11-07 at 2 36 26 PM Now you can select deploy site. This will bring you to the following page:

Screen Shot 2022-11-07 at 2 42 29 PM It may take a few minutes to a few hours for your react site to fully deploy, so be patient. Once your site is deployed you can edit the domain name and send the URL to friends and family!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published