Instructions how to deploy the full fake REST API json-server to various free hosting sites. Should only be used in development purpose but can act as a simpler database for smaller applications.
- Press the green
Use this template
-button in the right corner of this repo - Give your new repo a name and press the green
Create repository from template
-button - Clone your newly created repository to your computer
4 . Change the contents of db.json
to your own content according to the json-server example
and then commit
your changes to git locally.
this example will create /posts
route , each resource will have id
, title
and content
. id
will auto increment!
{
"posts": [
{
"id": 0,
"title": "First post!",
"content": "My first content!"
}
]
}
Not tested 100%. Same as with Heroku, will sleep after a while.
- Register for Glitch or go to Glitch/edit
- Click New Project
- Click Import from GitHub
- Paste
https://github.com/ikramdeveloper/json-server-deploy
into the URL-input and click OK. - Wait for it to setup
- Press Share-button to get your URL to live site. It should be something for example like:
https://seemly-truthful-scribe.glitch.me/
. And your DB will be athttps://seemly-truthful-scribe.glitch.me/posts
Heroku is a free hosting service for hosting small projects. Easy setup and deploy from the command line via git.
- Easy setup
- Premium
- App has to sleep a couple of hours every day.
- "Powers down" after 30 mins of inactivity. Starts back up when you visit the site but it takes a few extra seconds. Can maybe be solved with Kaffeine
2 . Create an account on
https://heroku.com
3 . Install the Heroku CLI on your computer:
https://devcenter.heroku.com/articles/heroku-cli
4 . Connect the Heroku CLI to your account by writing the following command in your terminal and follow the instructions on the command line:
heroku login
5 . Then create a remote heroku project, kinda like creating a git repository on GitHub. This will create a project on Heroku with a random name. If you want to name your app you have to supply your own name like heroku create project-name
:
heroku create my-cool-project
6 . Push your app to Heroku (you will see a wall of code)
git push heroku master
7 . Visit your newly create app by opening it via heroku:
heroku open
8 . For debugging if something went wrong:
heroku logs --tail
Heroku will look for a startup-script, this is by default npm start
so make sure you have that in your package.json
(assuming your script is called server.js
):
"scripts": {
"start" : "node server.js"
}
You also have to make changes to the port, you can't hardcode a dev-port. But you can reference herokus port. So the code will have the following:
const port = process.env.PORT || 4000;
๐ Hello, I'm Ikram Ul Haq - Web Developer & Programmer
โ Buy Me A Coffee
๐ Follow Me: