React ReactQuery Example App

React + Next.js + ReactQuery + Chakra UI + React Hook Form

Getting started

Live Demo

or

To get the frontend running locally:

1- install packages:

npm install

2- run the development local:

npm run dev

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

Functionality Overview

General functionality:

• Authenticate users via JWT (login/signup pages + logout button)
• CRU* users (sign up & settings page - no deleting required)
• CRUD Articles
• GET and display paginated lists of articles

The general page breakdown looks like this:

• Sign in/Sign up pages (URL: /login, /register )
  • Use JWT (store the token in localStorage)
• Editor page to create/edit articles (URL: /editor, /editor/article-slug-here )
• Article page (URL: /article/article-slug-here )
  • Delete article button (only shown to article's author)
  • Render markdown from server client side