This is a Next.js project bootstrapped with create-next-app
and TypeScript.
Using Next.js to create a simplified listing of StackOverflow tags and questions.
- Install the dependencies by running npm install in the project directory.
- Start the development server using the command below in your terminal.
npm run dev # or yarn dev # or pnpm dev
- Once the development server is running, you can access your application by visiting http://localhost:3000 in your web browser.
- RESTful API: The application consumed data from the StackOverflow API v2.3
- Infinite scroll: Fulfilled loading questions with infinite scroll by Intersection Observer API and showed loading spinner when fetching data
- Redux: Managed Trending tags and current searched tag with redux-toolkit, react-redux and next-redux-wrapper
- Server side render: Pre-fetched trending tags data with getServerSideProps
- Error handling: Showed error message according to StackOverflow API v2.3 error handling
- Debounce searching: Used react hooks to fulfill debounce feature for searching tag