$ show pdsuwwz/nextjs-nextra-starter
This is a Next.js 16 starter template that combines Nextra 4 for documentation, Tailwind CSS 4 for styling, and comprehensive internationalization support. It provides a foundation for building documentation sites, blogs, and marketing landing pages with features like dark/light theme switching, responsive design, SEO optimizations, and pre-built UI components. The architecture centers around Next.js App Router with language-specific routing ([lang] segment), MDX-driven content in src/content/{lang}/, and a modular component system. Key strengths include a type-safe i18n system with compile-time checking, high-performance UI components like ScrollProgressBar (which uses requestAnimationFrame and lerp for smooth animation) and LinkPreview (which combines Radix UI hover cards with Framer Motion physics-based animations), and thoughtful separation of concerns between content, presentation, and logic. The template is actively maintained and stays current with modern web technologies.
The LLM identified 3 files worth highlighting for reuse:
A highly optimized scroll progress bar that implements requestAnimationFrame for smooth animation, uses linear interpolation (lerp) for fluid value transitions, throttles scroll/resize events for performance, and properly cleans up event listeners and animation frames. Demonstrates advanced frontend performance techniques in a self-contained, reusable component that solves the common problem of scroll progress indication with minimal dependencies (only React hooks).
A sophisticated link preview component that combines Radix UI hover cards with Framer Motion animations to create an interactive, physics-based preview experience. Features include subtle cursor-following effects using useMotionValue and useSpring, proper SSR compatibility handling, configurable static/dynamic preview modes, and clean exit animations. Shows expert-level integration of multiple libraries to solve the common problem of link previews with exceptional attention to interaction details and performance.
A type-safe internationalization hook that provides compile-time checked access to translation keys with autocomplete support. Uses TypeScript generics and utility types to enable dot-notation access (e.g., t('feature.title')) while preventing runtime errors from missing keys. Demonstrates advanced TypeScript patterns for creating developer-friendly APIs that catch errors at build time rather than runtime, significantly improving the i18n developer experience.