Mr. Latte

FontFont

https://fontfont.app

fontfont.app is a web-based font preview and management platform designed to allow users to easily test and compare a wide variety of web fonts. The site prioritizes a seamless user experience with fast loading speeds and an intuitive UI. The frontend was built using Next.js and TailwindCSS, while the backend leverages a serverless architecture deployed on Vercel.

Key Development

• SSR/SSG hybrid rendering implementation with Next.js
• Responsive UI component development using TailwindCSS
• LocalStorage-based user session and font selection list management
• JSON-formatted font data management system
• Web font loading optimization through dynamic imports and lazy loading
• Real-time font style updates with debounced input handling
• Multiple font comparison feature implementation
• SEO optimization and Open Graph metadata configuration

Tech Stack

• Frontend: Next.js, React, TailwindCSS, TypeScript
• Backend: Vercel Serverless Functions
• Storage: LocalStorage, JSON
• Deployment: Vercel
• Tools: ESLint, Prettier, Git