niki4810/hackernew-clone-nextjs-react-query

A sample hacker news clone with next.js, react-query and tailwindcss

JavaScript

Hackernew clone

This is a pet project that illustrates how to implement a hackernew clone with next.js, react-query, tailwindcss with a graphql backend.

prerequisite

This project uses a custom pre-built graphql backend implement as a part of https://www.howtographql.com/react-apollo/1-getting-started/
You would need to clone that server and start it as a separate application.
To clone:

curl https://codeload.github.com/howtographql/react-apollo/tar.gz/starter | tar -xz --strip=1 react-apollo-starter/server

then cd into the server folder
run npx prisma generate
run npm run dev

and keep the backend graphql server running

Starting the UI server

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.