---
title: "Create React App"
description: "A client-side React app created with create-react-app."
url: "https://vercel.com/templates/react/create-react-app"
links:
  repository: "https://github.com/vercel/examples/tree/main/framework-boilerplates/create-react-app"
  demo: "https://create-react-template.vercel.app/"
  deploy: "https://vercel.com/new/clone?demo-title=Create+React+App&demo-description=A+client-side+React+app+created+with+create-react-app.&demo-url=https%3A%2F%2Fcreate-react-template.vercel.app%2F&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F2UUgkeU6sOmJLYTvXcjYtS%2F64969aae100f990c8a8be84d80dc3006%2Freact.png&project-name=Create+React+App&repository-name=create-react-app&repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fexamples%2Ftree%2Fmain%2Fframework-boilerplates%2Fcreate-react-app&from=templates"
---

# Create React App

A client-side React app created with create-react-app.

This directory is a brief example of a [Create React App](https://github.com/facebook/create-react-app) site that can be deployed to Vercel with zero configuration.

## Deploy Your Own

Deploy your own Create React App project with Vercel.

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/vercel/examples/tree/main/framework-boilerplates/create-react-app&template=create-react-app)

_Live Example: https://create-react-template.vercel.app/_

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode. Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes. You may also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode. See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.

It correctly bundles React in production mode and optimizes the build for the best performance. The build is minified and the filenames include the hashes.

## Related Templates

### [Nuxt.js 3 Boilerplate](https://vercel.com/templates/nuxt/nuxtjs-boilerplate)

A Nuxt.js 3 app, bootstrapped with create-nuxt-app.

### [SvelteKit Boilerplate](https://vercel.com/templates/svelte/sveltekit-boilerplate)

A SvelteKit app including nested routes, layouts, and page endpoints.

### [Next.js Boilerplate](https://vercel.com/templates/next.js/nextjs-boilerplate)

Get started with Next.js and React in seconds.

---

## Additional documentation

The [Vercel Knowledge Base](https://vercel.com/kb) contains guides and answers to common questions about Vercel, including deployment, framework configuration, domains, caching, and troubleshooting.