This is a Next.js project bootstrapped with create-next-app
.
- yarn (better to use because no package-lock.json and dependencies can be wrong)
- node.js v16+
- Empty port 3000 for the localhost
- Install dependencies
yarn install
- Copy env variables
cp .env.example .env.local
- Add required env variables (from Spotify)
- Run the development server:
yarn dev
Note: make sure you run your project in the port 3000
. You need this because Spotify callback waiting project in localhost:3000
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.tsx
. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts
.
The pages/api
directory is mapped to /api/*
. Files in this directory are treated as API routes instead of React pages.
This project aim to solve Frontend developer challenge in AppTweak. Challenge link
- Next.js - framework for React with different type of rendering and optimisation
- React
- Typescript
- Chakra UI - UI library with theming
- Prettier - code style formatting
- Eslint - code linter
- Redux - global store
- Redux-saga - side effect management for Redux
- axios - HTTP fetching library
- react-query - fetch, update and cache data library