Receber por email
← Voltar para o catálogo

project-architecture

Overview of the project's tech stack, directory structure, and architectural patterns.

367estrelas
Atualizado há 4 meses

Ver no GitHub ↗

Como adicionar

/plugin marketplace add aiskillstore/marketplace

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/project-architecture/svg)](https://www.skillteca.com.br/skills/project-architecture)

Skills relacionadas

Ver todas de Segurança →

Alerta por categoria

Receba novas skills de Segurança toda segunda

1 email curto, só com as skills novas de Segurança. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

Project Architecture & Tech Stack

Tech Stack

  • Framework: Next.js 15 (App Router)
  • Language: TypeScript
  • Styling: Tailwind CSS v4, CSS Modules (for specific components)
  • Docs/Content: Docusaurus (in textbook/ directory)
  • Auth: Better Auth (better-auth)
  • Database: PostgreSQL (NeonDB)
  • ORM: Drizzle ORM
  • UI Components: Lucide React icons, Custom components

Directory Structure

  • /app: Next.js App Router pages and layouts.
  • /components: Reusable UI components.
  • /auth: Authentication related components (forms, etc.).
  • /lib: Utility functions and shared logic.
  • auth-client.ts: Better Auth client configuration.
  • auth.ts: Better Auth server configuration.
  • /db: Database schema and connection logic.
  • /drizzle: Migrations.
  • /textbook: Docusaurus instance for documentation/content.
  • /src: Docusaurus source files.

Key Patterns

  • Hybrid App: Combines a Next.js web app (marketing, auth, dashboard) with a Docusaurus documentation site.
  • Auth Integration: Shared authentication state between Next.js and Docusaurus via cookies/sessions (handled by AuthBar).
  • Styling: Global Tailwind styles in app/globals.css. Docusaurus has its own theme in textbook/src/css/custom.css.

Development

  • Run root app: npm run dev:root
  • Run docs app: npm run dev:docs
  • Run both: npm run dev
Compartilhar X LinkedIn