This is a PWA app:
Can be accessed on Kpsule Project URL
To install PWA Desktop ->
Project created based on Create Next App with Typescript
Design template base: Figma Proto
This project consume data from Next API routes as a Serveless client. API routes.
The pages/api
directory is mapped to /api/*
. Files in this directory are treated as API routes instead of React pages.
Endpoint: http://localhost:3000/api/productList.
This endpoint can be edited in pages/api/productList.ts
📃 Dependencies: -> package.json
- React Js: JS Lib to build interface
- Typescript: It's written in TypeScript
- Next Js: Project creation tool
- Styled Components: Best tool to powerful our styles
- Axios: Best lib to manage Rest API's
- React Loading Skeleton: Lib to easier create Loading Skeleton effect
If you want to run this app on your dev workspace, look that:
You must have installed:
Downloading dependencies:
$ npm install
# or
$ yarn
🔥 Once dependencies download, just run your start command :
$ npm dev
# or
$ yarn dev
This is a Next.js project bootstrapped with create-next-app
.
You can start editing the page by modifying pages/index.tsx
. The page auto-updates as you edit the file.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
Some features are available to upgrade this app, those are:
- Complete Theme Switcher to Dark Theme (base has been created);
- Create Cart drawer component to see products added
- i18n Addition