fake_server_heroku_bg

How to deploy your fake json-server on heroku?

First part, prerequisite

1. Write on your terminal npm init -y
2. Than install json server npm i json-server
3. Create .gitignore file, and add one line in that file /node_modules
4. Create server.js file to set up server (Add some boilerplate code in server.js. It is always would be like this)
5. Create db.json file, and include your own data from db.json in react app.
6. Push everything into github new repo.

Second part, heroku

1. Create heroku account,
2. Install heroku-cli. Examples here https://devcenter.heroku.com/articles/heroku-cli And check heroku --version is it installed.
3. Next --> heroku login. It will open a tab in the browser. Confirm login.
4. heroku create ... in place of dots write the name of the project. (Name must start with a letter, end with a letter or digit and can only contain lowercase letters, digits, and dashes.)
5. Push your app to Heroku git push heroku master
6. Open your created app heroku open

Creating a Pipeline

A pipeline is simply a connection between your GitHub repo and your Heroku Project. So, Whenever you update your db.json for example and push your changes to a specific branch Heroku will be listening to this branch and build your app with the updated database.

1. Navigate to Deploy tap and create a pipeline, Connect your GitHub with the fake-server repo.

2. Connect with github

3. Configure auto-deploy and choose the branch of the Pipeline

Now whenever you push the changes to the selected branch, the database will be updated and can be accessed via the same base API.

---

How to deploy your front on firebase?

1. Install firebase tools npm install -g firebase-tools
2. Create build folder for deploying npm run build
3. Enter into your firebase accountfirebase login
4. Setup a firebase context for the current application firebase init
5. Press space to select the features, than enter to confirm your choice.

Select first Hoisting

6. Go to the firebase console. And create new project or use an existing project (where you made an auth)

7. Select your project and press enter key.

8. Type build folder. Build is a compiled version of a program.

9. Configure as a single app --> yes.

10. Set up automatic builds and deploys with GitHub --> no.

11. File build/index.html already exists. Overwrite? --> no.

12. The last part firebase deploy.