Base-dir

Base-dir

A high-performance, SEO-optimized directory boilerplate designed for speed and discoverability. Built with Next.js and Tailwind CSS to help you launch curated resource hubs in minutes.

Sort:
Categories:
AuthenticationBackend & DatabaseDeployment & HostingDesign ResourcesDev ToolsFrameworksState ManagementStyling & UITesting

Frameworks

  • Astro: The web framework for content-driven websites.
  • Next.js: The React Framework for the Web.
  • Nuxt: The Intuitive Vue Framework.
  • Remix: Build Better Websites. Remix is a full stack web framework that lets you focus on the user interface.
  • SolidStart: Fine-grained reactivity meets the full stack.
  • SvelteKit: The fastest way to build Svelte apps.

Authentication

  • Auth.js: Authentication for Next.js and more.
  • Clerk: The easiest way to add authentication and user management to your application.
  • Kinde: Authentication, Feature Flags and User Management for everyone.

Dev Tools

  • Bun: Fast all-in-one JavaScript runtime.
  • date-fns: Modern JavaScript date utility library.
  • Shiki: A beautiful syntax highlighter powered by TextMate grammars.
  • Turborepo: High-performance build system for JavaScript and TypeScript codebases.
  • Vite: Next Generation Frontend Tooling.
  • Zod: TypeScript-first schema validation with static type inference.

Styling & UI

  • Chakra UI: Simple, modular and accessible UI components for your React applications.
  • daisyUI: The most popular component library for Tailwind CSS.
  • Framer Motion: A production-ready motion library for React.
  • Lucide Icons: Beautiful & consistent icons made by the community.
  • Mantine: A fully featured React components library.
  • Radix UI: Unstyled, accessible components for building high-quality design systems.
  • Shadcn UI: Beautifully designed components that you can copy and paste into your apps.
  • Tailwind CSS: Rapidly build modern websites without ever leaving your HTML.

Backend & Database

  • Convex: The full-stack TypeScript development platform.
  • Drizzle ORM: TypeScript ORM that feels like writing SQL.
  • Neon DB: Serverless Postgres with cold starts and autoscaling.
  • PlanetScale: The world's most advanced serverless MySQL platform.
  • Prisma: Next-generation Node.js and TypeScript ORM.
  • Supabase: The Open Source Firebase Alternative.
  • Turso DB: SQLite-compatible database for the edge.
  • Upstash: Serverless Data for Redis, Kafka and Vector Database.

Deployment & Hosting

  • Coolify: An open-source & self-hostable alternative to Heroku/Netlify/Vercel.
  • Netlify: The platform for modern web development.
  • Railway: The easiest way to deploy your infrastructure.
  • Vercel: The Frontend Cloud provided by the creators of Next.js.

Design Resources

  • Coolors: The super fast color palettes generator.
  • Figma: The collaborative interface design tool.
  • Fontshare: A free fonts service by the Indian Type Foundry (ITF).
  • svgl: A library of high-quality SVG logos.
  • Uiverse: Open-source UI elements for any project.
  • unDraw: Open-source illustrations for any idea you can imagine and create.

Testing

  • Cypress: Fast, easy and reliable testing for anything that runs in a browser.
  • Playwright: Reliable end-to-end testing for modern web apps.
  • Testing Library: Simple and complete testing utilities that encourage good testing practices.
  • Vitest: A blazing fast unit test framework powered by Vite.

State Management

  • Jotai: Primitive and flexible state management for React.
  • Redux Toolkit: The official, opinionated, batteries-included toolset for efficient Redux development.
  • TanStack Query: Powerful asynchronous state management for TS/JS, React, Solid, Vue and Svelte.
  • Zustand: A small, fast and scalable bearbones state-management solution.