Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import { PagesBuildPreset, Render, PackageManagers } from "~/components";

[React](https://reactjs.org/) is a popular framework for building reactive and powerful front-end applications, built by the open-source team at Facebook.

In this guide, you will create a new React application and deploy it using Cloudflare Pages. You will use `create-react-app`, a batteries-included tool for generating new React applications.
In this guide, you will create a new React application and deploy it using Cloudflare Pages.

## Setting up a new project

Expand Down Expand Up @@ -51,11 +51,11 @@ npm start

<div>

<PagesBuildPreset framework="create-react-app" />
<PagesBuildPreset framework="react" />

</div>

After configuring your site, you can begin your first deploy. You should see Cloudflare Pages installing `create-react-app`, your project dependencies, and building your site, before deploying it.
After configuring your site, you can begin your first deploy. You should see Cloudflare Pages installing `react`, your project dependencies, and building your site, before deploying it.

:::note

Expand Down
6 changes: 3 additions & 3 deletions src/content/pages-framework-presets/index.yaml
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
build_configs:
create-react-app:
display_name: Create React App
react:
display_name: React (Vite)
build_command: npm run build
build_output_directory: build
build_output_directory: dist
icon: /icons/framework-icons/logo-react.svg
gatsby:
display_name: Gatsby
Expand Down
Loading