DEV Community

Mark Landeryou
Mark Landeryou

Posted on

How is create-react-app created

I am looking to create a template for building a frontend system that you could type for example npx create-frontend-site then you are asked questions than then based on the answers provided it will configure and download the required packages etc. I am wanting to know how to do this. Thank you for any assistance provided

Top comments (8)

Collapse
 
sydney205 profile image
Dieke Sydney

Hey there! 👋 I actually built SkelPro, and it might be just what you're looking for! Only that With SkelPro, you don’t need to run npx install—you just need to run npm install -g skelpro to install it globally. Once installed, you can easily scaffold any project by following the SkelPro documentation.

The cool part is that SkelPro generates the project structure for you, and you can use commands like "skelpro generate"—it generates the template in a JSON file and "skelpro create" to scaffold and it sets up everything. It’s a simple, interactive process that guides you through creating the perfect project structure, and it's transparent, reliable, no fluff.

If you’re looking for a faster way to scaffold projects, definitely give SkelPro a try! 😁

The github link: github.com/SkelPro/skelpro

Collapse
 
mohasaket profile image
Moha Saket

step 1:first install NodeJS if you didn't install yet
step2 : to create a project, run:
npx create-react-app my-app
cd my-app
npm start
here in this page is good example
reactjs.org/docs/create-a-new-reac...

Collapse
 
aniruddhaadak profile image
ANIRUDDHA ADAK

Amazing .

Collapse
 
johnodhiambo profile image
JohnOdhiambo

Check my post for various ways you can achieve that.

Collapse
 
codeakash profile image
Akash

Develop a Node.js-based CLI tool using Commander.js for command handling, Inquirer.js for interactive prompts, and programmatically manage file templating and dependency installations based on user input, then publish the package on npm for execution via npx.

Collapse
 
chaitanya_chopde_dd0642ed profile image
Chaitanya Chopde

Hey can we talk

Collapse
 
hanzla-baig profile image
Hanzla Baig
Collapse
 
ayauho profile image
Aya Uo

Now it becomes possible.

Some comments may only be visible to logged-in visitors. Sign in to view all comments.