Test assignments
Posts App
Next.js posts browser built with Feature-Sliced Design, TanStack Query and shadcn/ui.
- Role
- Front-End Developer
- Year
- 2026
- Type
- Test assignments
Overview
A small app that lists posts and opens a detail page — built to show clean architecture: FSD layers, a query-key factory, skeletons, error boundaries and a typed API layer.
What I built
- Paginated posts grid with excerpts
- Post page with generateMetadata and notFound()
- Skeleton loaders, error boundary and 404
- Favicon generated with ImageResponse
Engineering highlights
- Feature-Sliced Design: entities / features / shared with public APIs
- QueryClient created once per client with tuned staleTime and gcTime
