This is a Next.js project bootstrapped with create-next-app
.
First, run the development server:
npm run dev
# or
yarn dev
Open http://localhost:3000 with your browser to see the result.
- Products Listing using a mocked Json file
- Totally adaptable to any number of products
- Partially responsive (it adapt very well to desktop resolutions)
- Global state Management using Context API
- Styled using SCSS Modules
- SSG in the home page for static pages generation
- Typescript good practices
- Atomic design pattern
- Bonus: i created a simples Product Page and compiled all products in static pages using getStaticPaths to take fully advantage of the NextJS and SSG capabilities
I'm very happy and satisfied with this Challenge's code final result, i really put love and care writing everything is this repository and i hope you like it, i'm open to any kind of feedback.