For this week's assignment, I am creating a website using Nextjs framework that integrates some functionality such as auth, displaying products to homepages and add products to wishlists as well as delete the products from wishlists.
For Homepages it's using ISR and SSG structures. I'm choosing ISR for homepages because it's not private routes.. the homepages will revalidate each 10 seconds if someone hit the api. It will bring good consistency for all users and it will ease the server load.
For Wishlist route i wrap it into private routes and only person who already login can access it. I'm planning to make it SSR at first but got some troubles on implementing it. So i make it into static pages for now, the user can still do the functionality as long as the javascript is enabled.
When the javascript is disabled, it still show the html structures.
In order to install and develop locally, follow these steps:
- Clone this repository
$ https://github.com/revou-fsse-1/w20-react-router-DandiRizkyy.git- install required dependencies
$ pnpm install- run the project locally
$ pnpm dev-
go to your browser and input localhost:3000 to url path to start developing. :)
-
if you encounter pnpm version error, delete
pnpm-lock.yamland dopnpm installagain.
- Homepages
- Wishlist
- Cart (Not Yet Implemented)
- HTML
- Tailwindcss
- Javascript
- Typescript
- React
- Nextjs
Week 20 Assignment Links : https://w20-react-router-dandi-rizkyy.vercel.app/