Music Releases

This is an Music Release App using Discogs Apis, NextJs, and React.

Getting Started

First, Discogs Apis needed a developer token and for the sake of security I put it in .env.local and add it as a local variable on vercel to can deploy it, So If you are about to run this app in your system you need to create a .env.local file and put your Discogs token there, like bellow(put your token instead of abcdefg):

.env.local

NEXT_PUBLIC_DISCOGS_SECRET_TOKEN=abcdefg

Then you can run the app by:

npm i
npm run dev
# or
yarn
yarn dev

notice: The App need Node.js 12.0 or later

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

Deploy on Vercel

For deployment I use the Vercel Platform so you can check out the result here

Options

The App supports:

• Responsive
• Accessible: In this App, I try to use the correct HTML tags and using Material-ui component which leads to getting a good mark on accessibility tests.
• Paginated
• Progressively enhanced
• Deployed on vercel
• Perform well over slow internet connections: Please check the relevant section in the resulting test here.
• Work offline: It uses server-side rendering solutions so it sends the initial request by the server. This approach makes the App faster and makes it possible to cache. Plus the initial request gets an update by the server every 5 minutes(which can be changed in pages/index.js line 25) so the data is always accurate and update.

In order to test these features I use the Lighthouse Chrome and put the result here