docs: add quick setup section for Vite in start-a-new-react-project.md

Author: clicktodev

src/content/learn/start-a-new-react-project.md

@@ -8,7 +8,6 @@ If you want to build a new app or a new website fully with React, we recommend p
 
 </Intro>
 
-
 You can use React without a framework, however we’ve found that most apps and sites eventually build solutions to common problems such as code-splitting, routing, data fetching, and generating HTML. These problems are common to all UI libraries, not just React.
 
 By starting with a framework, you can get started with React quickly, and avoid essentially building your own framework later.
@@ -31,6 +30,16 @@ If your app has unusual constraints not served well by these frameworks, or you
 
 </DeepDive>
 
+## Quick Setup {/*quick-setup*/}
+
+### Vite {/*vite*/}
+
+**[Vite](https://vite.dev/) is a build tool that aims to provide a faster and leaner development experience for modern web projects.** It's opinionated and comes with sensible defaults out of the box. To create a new Vite project, run in your terminal:
+
+<TerminalBlock>
+npx create-vite@latest
+</TerminalBlock>
+
 ## Production-grade React frameworks {/*production-grade-react-frameworks*/}
 
 These frameworks support all the features you need to deploy and scale your app in production and are working towards supporting our [full-stack architecture vision](#which-features-make-up-the-react-teams-full-stack-architecture-vision). All of the frameworks we recommend are open source with active communities for support, and can be deployed to your own server or a hosting provider. If you’re a framework author interested in being included on this list, [please let us know](https://github.com/reactjs/react.dev/issues/new?assignees=&labels=type%3A+framework&projects=&template=3-framework.yml&title=%5BFramework%5D%3A+).