A fast and modern frontend for a Wallpaper Hub application built with Next.js. The project includes smooth navigation, adaptive images, BlurHash placeholders, and pages for browsing, searching, and viewing wallpaper details.
- Built with Next.js App Router
- Fast navigation and routing
- Thumbnail and preview image support
- Optimized loading for better performance
- High-quality images loaded only when needed
- Search wallpapers by keywords
- Fast and optimized query handling
- Full wallpaper details
- Adaptive images (thumbnail → preview → full)
- Metadata like resolution and size
- Smooth blurred placeholders while images load
- Improves UX and perceived speed
- Works on desktop, tablet, and mobile
- Adaptive layout for all screen sizes
- Next.js
- TypeScript
- BlurHash
- Tailwind CSS
- REST API (for wallpapers data)
- Clone the repository
git clone [email protected]:AkioSarkiz/wallpaperhub-frontend.git
cd wallpaper-frontend- Install dependencies
pnpm install- Create .env file and fill it in
cp .env.example .env- Start the development server
pnpm dev