A film review website, inspired by Rotten tomatoes. This project leverages Next.js 15.0.0-rc and PandaCSS to deliver a modern, efficient web application.
https://rotten-bananas.vercel.app
- Static Site Generation (SSG): Implemented SSG to serve pages quickly, reducing load times and improving overall performance.
- Data Caching: Utilized data caching mechanisms to minimize unnecessary API calls and enhance application responsiveness.
- Image Optimization: Employed Next.js image optimization techniques to ensure fast loading times while maintaining image quality.
- Global Layout with Search Bar: Designed and implemented a consistent global layout featuring a search bar component for easy navigation.
- Streaming Components: Utilized streaming for components that depend on time-consuming API responses, improving perceived performance.
- Loading States and Error Handling: Implemented loading states and robust error handling for form submissions and other user interactions to provide clear feedback and improve UX. Modal with Intercepting Routes: Leveraged Next.js intercepting routes to display modals for client-side rendered pages, creating a smooth, app-like experience.
Dynamic Metadata: Set up metadata for each page to improve search engine optimization and social media sharing capabilities.
PandaCSS Integration: Utilized PandaCSS for efficient and maintainable styling throughout the application.
- Internationalization
- Movie Rating
- User sign-in and authentication