✨ Bootstrapped with Create Next App (CNA).
Live demo: https://breadtoolkit.netlify.app/
This site is hosted on Netlify✨. Besides hosting we also use Netlify CMS for content management togeather with Netlify Large-media service.
The application is bundled by Next.js Static-Site Generation. Each page had been built as a static HTML file and using React to make it interactive. Descriptive pages are generated from MDX files.
Chakra is a component library which makes the Front-end development a breeze. We use it provide all the fancy UI elements and functionalities.
Animations in Chakra are made using Framer Motion. This project customizes these animations for page and component transitions.
The application is also a Progressive Web App. This means that you can use all the goodies on your phone as a Native applicaiton. The Service Worker is generated by Workbox.
Test running is powered by Jest. While React Testing Library is responsible for Component based Unit testing. E2E testing is easy using Cypress. Running, executing and recording end-user experience is handled by this library.