• Enterprise
  • Prețuri
AutentificareCreează cont
⌘K
Introducere
Primii pași
  • Instalare
  • Structura proiectului
Ghiduri
  • Elemente MDX
Integrări
  • AI Gateway
  • Hazeloft CDN
  • Security
    • Capabilități
    • Înregistrare
    • Dashboard
    • EmailEncrypt
    • Bune practici
  • Translator

Se încarcă documentația

Aplicații

  • DesktopÎn curând
  • Mail
  • Toate produsele

Platformă

  • AI
  • Agents
  • CDN
  • Host
  • Observability
  • Connect
  • Workflows
  • Plugin

Companie

  • Enterprise
  • Prețuri
  • Clienți
  • Despre noi

Resurse

  • Documentație
  • Contact

Legal & Trust

  • Documente legale
Alege tema afișată
Primii pași

Structura proiectului

O privire de ansamblu asupra folderelor și fișierelor dintr-un proiect Hazeloft.

Ultima actualizare: 16 iunie 2026

Un proiect Hazeloft urmează o convenție pe straturi, ca să separe clar codul de aplicație de configurare.

#Foldere de nivel înalt

FolderRol
app/Rute și layout-uri (App Router)
src/features/Funcționalități, fiecare cu conținutul și componentele ei
src/components/Componente UI partajate
src/lib/Utilitare de infrastructură și domeniu

#Convenții pentru fișiere

  • Fișierele *.server.tsx rulează doar pe server.
  • Fișierele *.client.tsx sunt componente client ("use client").
  • Conținutul MDX stă în content/ în interiorul fiecărei funcționalități.

#Alias-uri de import

Folosește alias-ul ~ pentru a importa din src/:

exemplu.ts
// Înainte
import { Button } from "../../../components/button";
 
// După
import { Button } from "~/components/button";
AnteriorInstalareUrmătorGhiduri

Pe această pagină

  • Foldere de nivel înalt
  • Convenții pentru fișiere
  • Alias-uri de import