Creating new NextJS react app (create react app, create next app)

How To Create a New NextJS App

Ghost Together
2 min readJun 7, 2022

--

NextJS is a React framework that makes webapp development easier. You can even create mobile apps on it (even though it’s not its primary purpose.)

Watch: How to create a new NextJS app (only 2 minutes)

NOTE: you will need to make sure NodeJS is already installed on your system.

Installing NodeJS also gives you npx command.

Use npx create-next-app appname on command line to create an app.

Then navigate to appname and run npm run dev:

Many employers already have their webapp setup using NextJS. This is because it’s so easy to start a new app with NextJS framework. So let’s say you’re hired at a startup and you need to build an app with several pages quickly. You can npx create-next-app appName and be done in under 3 min!

After that simply build your app out using React components. NextJS also takes care of routing. So if you need /home, simply drop a JavaScript file with a React component into /pages/home.js and it’ll be picked up by NodeJS’s automatic routing system!

The Deception of Using create-next-app

NextJS makes it so simple to create a new React app and run it on localhost.

This can be a blessing and a curse because — even though anyone can execute this command and get a basic app running without actual web dev experience — you still need to understand how to actually build apps with React.

--

--

Ghost Together
Ghost Together

Written by Ghost Together

Ghost Together @ https://semicolon.dev is an alternative to Twitter. Sign up to meet other makers of things.

No responses yet