Search for a command to run...
Full Stack Developer | Freelancer | JavaScript | React | Nodejs.
Loves sharing knowledge through technical articles.
Dev.to: https://dev.to/myogeshchavan97
https://linktr.ee/myogeshchavan97
No comments yet. Be the first to comment.
In this tutorial, you will build a Task Management App using Next.js 16 and Prisma 7 from scratch. By creating this app, you will learn: How to set up Prisma 7 with the new Rust-free architecture How to configure a database with Prisma's driver ada...
If you're a React/Next.js developer who diligently updated your packages last week after the critical React2Shell vulnerability (CVE-2025-55182), I have some frustrating news: you need to update again. Security researchers, while probing the patches ...
Is your React app dragging its feet, but you can’t pinpoint the cause? You might think you’re following the best practices, but some common development patterns are actually degrading your app’s performance behind the scenes. In this article, we’ll u...
How to Use Separate SSH Keys for Company and Personal GitHub Accounts Managing multiple GitHub accounts is a common challenge for developers who juggle both personal and professional projects. It becomes even more complex when you want to use differe...
Have you ever built a React app only to realize that users from different countries can't use it effectively because it only supports English? In this tutorial, you'll learn how to build truly global React application using internationalization (i18n...
In this article, you will see how to easily create your own REST API server to be accessible on the internet without coding and without the need of hosting it on any hosting provider.
So let's get started.
users-api-server.npm init -y
This will create a package.json file inside your project.
json-server npm package by executing the following commandnpm install json-server
Create a new file with the name .gitignore with the entry for node_modules inside it so the node_modules folder will not be pushed to GitHub while pushing the code to the GitHub repository.
Create a new file with the name db.json and add the following contents inside it:
{
"users": [
{
"id": 1,
"name": "David",
"age": 30
},
{
"name": "John",
"id": 2,
"age": 40
}
]
}
package.json file and add the scripts section inside it:"scripts": {
"start": "json-server db.json"
}
Now, start the application by running the npm start command from the terminal.
You will see the following screen when you access it at http://localhost:3000/
/users link under the resources section, you will see the following screen
Tip: To get the nice formatted JSON output as shown above, install the JSON Formatter browser extension
Congratulations! you've just written your own REST API server without writing a single line of code
Now we can make GET, POST, PUT, PATCH and DELETE API calls to our own API.
Now, you've made some API calls to our application.
If you want to save the final result of those API calls, you can press the s key from your keyboard and hit the enter key which will save the snapshot of the changes in a separate file as can be seen in the terminal.
Deploying the application which uses json-server is very easy.
You just have to create a GitHub repository and push your local changes to that repository and access it with a specific URL from the browser.
Follow the following steps to do it:
Create repository button
You will see the following screen
Copy the URL which says git remote add
git init .(git init dot) command and then paste the copied URL in the last step and press enter
json-server by navigating to https://my-json-server.typicode.com/your_github_username/your_repository_name for example https://my-json-server.typicode.com/myogeshchavan97/users-apiThat's it! You have deployed your API live to the web so anyone can use your API now.
Note: To deploy the
json-serverlive as we have seen, you actually only needdb.jsonfile in your project. There is no need of installing thejson-servernpm package locally inside thepackage.jsonfile. We installed it locally so we can test our API locally before making it live.
The beauty of using json-server is that, when you access your API using https://my-json-server.typicode.com/ URL, it does not change your original db.json file. So each user will get the same copy of db.json API.
Only when you test locally using json-server, original db.json file will be modified.
You can learn more about json-server here.
As you have seen, by creating only db.json file inside the project folder and providing JSON object structure in that file, you can create your own REST API server available live on the internet without even the need for hosting it.
This is really useful If you want to demo something without setting up your own API server.
You can find the complete source code for this application in this repository.
Want to learn all ES6+ features in detail including let and const, promises, various promise methods, array and object destructuring, arrow functions, async/await, import and export and a whole lot more from scratch?
Check out my Mastering Modern JavaScript book. This book covers all the pre-requisites for learning React and helps you to become better at JavaScript and React.
Check out free preview contents of the book here.
Also, you can check out my free Introduction to React Router course to learn React Router from scratch.
Want to stay up to date with regular content regarding JavaScript, React, Node.js? Follow me on LinkedIn.
