Back to products

Frontend Nav

WebNav is a front-end navigation website designed to curate high-quality front-end resources from various sources, both domestic and foreign. Users can easily save and access these websites for personal use. Additionally, the platform allows users to capture webpage information with a single click to create shareable cards. The project is inspired by Taxonomy and aims to serve as a learning experience in building a modern app using Next.js 13, incorporating features like authentication, API routes, static pages for documentation, ORM, and more.

Frontend Nav - WebNav is a front-end navigation website designed to curate high-quality front-end resources from various sources, both domestic and foreign. Users can easily save and access these websites for personal use. Additionally, the platform allows users to capture webpage information with a single click to create shareable cards. The project is inspired by Taxonomy and aims to serve as a learning experience in building a modern app using Next.js 13, incorporating features like authentication, API routes, static pages for documentation, ORM, and more.
AvatarSite

About Frontend Nav

Frontend Nav is a Next.js 13 boilerplate for building modular, navigable frontends. It combines Radix UI with Tailwind, dark mode, NextAuth authentication, Prisma ORM, and a PlanetScale MySQL backend. It features a one-click page capture to generate shareable cards and static docs pages, delivering a practical, learning-oriented starter for modern app patterns (API routes, ORM, and more).

WebNav is a front-end navigation website designed to curate high-quality front-end resources from various sources, both domestic and foreign. Users can easily save and access these websites for personal use. Additionally, the platform allows users to capture webpage information with a single click to create shareable cards. The project is inspired by Taxonomy and aims to serve as a learning experience in building a modern app using Next.js 13, incorporating features like authentication, API routes, static pages for documentation, ORM, and more.

Features

  • New /app directory
  • UI Components using Radix UI
  • Styled with Tailwind CSS
  • Dark mode with next-themes
  • Authentication with NextAuth.js
  • ORM with Prisma

Use Cases

Kickstart SaaS dashboards with secure user authentication.
Prototype admin panels using Prisma for reliable data access.
Build navigation-centric UIs with consistent component sets.
Capture and share webpage cards to curate resources quickly.

Target Audience

React DevelopersFrontend EngineersFull-stack EngineersUI DesignersStartup Founders

Discover More Tools

Explore our comprehensive directory to find complementary tools and innovative solutions that enhance your development workflow alongside Frontend Nav.

Quick Stats

StatusActive
Views282
Added10/3/2025

Creator

w
webnav

Creator

GitHub Stars
145
View Repository