Host React App on Netlify in 1 minute

I am a developer from Nepal who loves playing with tech.
Search for a command to run...

I am a developer from Nepal who loves playing with tech.
No comments yet. Be the first to comment.
Have you ever translated something, only to find out later that the original text changed while you were working? Or worse — that a whole new page existed and nobody told you? For that, I built stub f
The p5.js Web Editor is an intuitive, browser-based platform for creative coding with JavaScript. It allows artists, designers, and educators to dive into coding visually, without needing to set up any development environment. But what if you're a de...

Before starting out, let me quickly share what we're building today. Open codesandbox.io or visit gsap-svg-path-animation.netlify.app. Seems interesting, let's start. Introduction You might have visited some websites where when you scroll, things mov...

Build a countdown social media og:image using nextjs and vercel/og

In the fast-paced world of web development, creating an engaging and seamless user experience is important. One effective way to achieve this is by implementing a loading animation on your website. In this tutorial, we'll explore the step-by-step pro...

Do you want to take your react website from your localhost:3000 to www.yourdomain.netlify.app, then you are in the right place. Now let’s ship our react website from our physical machines to server so the client will have access to the application.
Note, I am showing another process insted of connecting with git
If you already have react website the go to that directory(folder) and fire up your terminal. And write the npm run build to create a production build.

When it’s time to move your app to production, having multiple JavaScript or CSS files isn’t ideal. When a user visits your site, each of your files will require an additional HTTP request, making your site slower to load. So to remedy this, you can create a “build” of our app, which merges all your CSS files into one file, and does the same with your JavaScript. This way, you minimize the number and size of files the user gets. To create this “build”, you use a “build tool”. Hence the use of npm run build.
Netlify website
Creating a netlify account is one step process you can sign in with github, google, gitlab, etc. Now after login you will go to the overview page.
overview page
Sites page
Here drag and drop your build folder that was created when you had run npm run build ,the build folder should be inside your app together with src and node_modules folder. The large box with dashed border is where you will drop your build folder.
After droping your folder, you will find something like this

When it will finish your deployment, it will give you a link where you can find your app. If you don’t want that domain then check the above video, I have shown there to change your domain name.
Thank you so much for your time 😃