This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
pnpm devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Raleway, a custom Google Font.
For building the project you need to run:
pnpm buildUsed new next.js structure app/ directory for testing it out (it's not ready on the production yet)
Some of the packages are not fully compatible with this structure and I hope the core team fixes it soon
In this folder, we have the components related to our page
We have our SVG icons in this folder as a component
We have our types and interfaces declaration in this folder and it's imported into other components
We can add our utils in this folder and one simple utility function for API calls is added
We used tailwindcss, eslint, stylelint, husky, jest and testing-library in this project.
For running unit tests, you can run the command:
pnpm testUsed jest and testing-library for this project, because I think that vitest is not well compatible with the new next.js structure
Note: I could not add unit tests for useRoute and snapshot for the pages because these are not fully compatible with next
This project is deployed on https://hackernews-opal.vercel.app/ with vercel deployment
If you have any further questions or feedback, don't hesitate to contact me