DEV Community

Cover image for How to Deploy JavaScript/React Apps to Netlify through CLI(Part 2)
Kritika Srivastava
Kritika Srivastava

Posted on

6 1

How to Deploy JavaScript/React Apps to Netlify through CLI(Part 2)

Hello Dev Friends.This is the Part 2 of How to deploy React Apps to Netlify as here I am going to explain you how to deploy your App to Netlify through CLI.

So let us get started by opening the VS Code.
Follow the below steps once your project is ready to deploy.

1.Make sure you are in your current project's folder.Install netlify globally if you are doing it for the first time.

npm install -g netlify-cli
Enter fullscreen mode Exit fullscreen mode

2.Now run the below command in terminal,

netlify init
Enter fullscreen mode Exit fullscreen mode

Alt Text

It will ask you to login to Netlify and to authorise for the first time in your browser.

Now press enter in terminal and give other details and site name which is optional.

Here you can choose "Yes,create deploy site for manually." if you want to do without github or you can choose github option.
Once the deployment is done,we will get the below screen.

Alt Text

3.Now run the below command for deployment,

 netlify deploy
Enter fullscreen mode Exit fullscreen mode

Alt Text

Now you can select current path by pressing enter or you may give your own path.(as shown above)
Alt Text

4.Now finally execute the below command,

netlify deploy --prod
Enter fullscreen mode Exit fullscreen mode

and choose current path.

Alt Text
Once the process is completed, you can open the generated link and see your project live.(as shown above)

For example,
This is our project which I have used just for explaining this process.

Alt Text
Demo Link

Let me know what you create.
Happy Learning :)

You can follow me on Twitter and Github.

SurveyJS custom survey software

Simplify data collection in your JS app with a fully integrated form management platform. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more. Integrates with any backend system, giving you full control over your data and no user limits.

Learn more

Top comments (1)

Collapse
 
aalphaindia profile image
Pawan Pawar

Good one!!

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay