Github Repositories
This is a Next.js project bootstrapped with create-next-app
.
Getting Started
First, run the development server:
pnpm dev
Open 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.
Building project
For building the project you need to run:
pnpm build
Project Structure
Used 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
app/components/
In this folder, we have the components related to our page
app/icons/
We have our SVG icons in this folder as a component
app/types/
We have our types
and interfaces
declaration in this folder and it's imported into other components
app/utils
We can add our utils in this folder and one simple utility function for API calls is added
Packages
We used tailwindcss
, eslint
, stylelint
, husky
, jest
and testing-library
in this project.
Unit Test
For running unit tests, you can run the command:
pnpm test
Used 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
Deploy on Vercel
This project is deployed on https://github-repo-three.vercel.app/
with vercel deployment
If you have any further questions or feedback, don't hesitate to contact me