Divjoy

Create a React app with Netlify

a dev guide by Divjoy ✨

About this guide

This development guide walks you through everything you need to do to build a high-quality React app integrated with Netlify. Check out the tasks below to get started. To save time, you can also use our boilerplate, which gives you a complete React codebase with all of these tasks done for you. Okay, let's dive in!

Tasks

  • ⚛️Setup your React app

    Setup a React app using npx create-react-app and routing using React Router. There are many ways you can structure your app, but a common setup is to have an App component that defines top-level routes, with each route component imported from the /pages directory. The rest of your components should be located in your /components directory. You can then run your app locally with the npm run start command.
  • 🚀Deploy to Netlify

    To deploy your app to Netlify first build your app with the npm run build command and then link it to a Netlify project with the netlify init command. You'll also want to make sure any to add any environment vars used in your app to Netlify using the netlify env:set command or going to Site settings → Build & Deploy → Environment. And finally, deploy to Netlify with netlify deploy.

Get the code

You can get the code for this guide with our React and Netlify Boilerplate. You'll get a complete React codebase with Netlify integration, all the tasks listed above done for you, and a responsive multi-page template. It should save you about two weeks of development time.

127 downloads today

Related Guides