HackerNews-Clone

https://hackernews-clone-spduk.netlify.com

Might load slowly as it’s using free tiers for all hosting

A clone of hacker-news using React and GraphQL, includes search, caching, pagination, websockets and live updates.

A little different from the actual website because they use some third party search, so I just emulated it a little.

Installation and running the dev server

For frontend, run yarn and run yarn start to start the server.

To make eslint work:

yarn add eslint-config-airbnb eslint-config-prettier eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-node eslint-plugin-prettier eslint-plugin-promise eslint-plugin-react eslint-plugin-standard prettier --dev

Deploying

Prisma:

Create the DB using prisma UI (click severs and add new server).

Make sure the secrets are set up.

run npm run deploy -- -n if the DB isn’t created yet and choose the recently created one, otherwise npm run deploy.

Yoga backend:

With Heroku:
Create a heroku app heroku apps:create hackernews-clone-prod

Add the remote git URL just for backend git remote add heroku-backend [URL] and replace [URL] with the correct one

Push up just the backend subfolder with git subtree push --prefix backend heroku-backend master while in the main project folder, —prefix backend means push the backend folder, heroku-backend is the remote we just created and master is the branch.

Open the app on heroku, and fill out the config vars.

Remember to:

change FRONTEND_URL to the react production URL
change PRISMA_ENDPOINT to the Prisma app hosted on heroku.

With Now:
(this is public, the code is visible to anyone who visits the URL)

change the info in variables.env to production variables, or create production.env

install the now CLI npm i now -g

Go into /backend and simply run now --dotenv=variables.env.

Frontend:

Deploy through github directly using netlify, using the netlify.toml file to configure it. Currently it just points at the frontend folder using this repo.