Meduim: ReactJs + TypeScript + Next.js (ISR) + Tailwind CSS
About the Project
The Meduim-clone web application presents a custom Meduim-clone.
The APP is created with the latest industry standards using React.js, typescript and NextJs (ISR)
This project was built using these technologies.
- Next Js + ISR
Incremental Static Regeneration
Next.js allows you to create or update static pages after you’ve built your site. Incremental Static Regeneration (ISR) enables developers and content editors to use static-generation on a per-page basis, without needing to rebuild the entire site. With ISR, you can retain the benefits of static while scaling to millions of pages.
Static pages can be generated at runtime (on-demand) instead of at build-time with ISR. Using analytics, A/B testing, or other metrics, you are equipped with the flexibility to make your own tradeoff on build times.
Consider an e-commerce store with 100,000 products. At a realistic 50ms to statically generate each product page, the build would take almost 2 hours without ISR. With ISR, we can choose from:
→ Generate the most popular 1,000 products at build-time. Requests made to other products will be a cache miss and statically generate on-demand: 1-minute builds.
Higher Cache Hit Rate
→ Generate 10,000 products at build-time, ensuring more products are cached ahead of a user’s request: 8-minute builds.
To get this project set up on your local machine, follow these simple steps:
Navigate through the local folder where you want to clone the repository and run
https://github.com/ziedak/meduim_clone.git meduim_clone. It will clone the repo to your local folder.
yarn install to install the yarn packages from the
yarn start to start the webpack server, you can now navigate to
http://localhost:3000 to view the app. The server refreshes the app every time you make a change to a file used by it.
Most important, enjoy the app!
Install dependencies (only if you did not install them previously):
Run the tests with the command:
This project is MIT licensed.
Show your support
If you’ve read this far….give me a ⭐️!