Getting Started
3. Project Structure
Understanding the project directory files structure.
Objectives
Understand the project's directory file structure for quick configuration and modification later.
Project Structure
.
├── app # Application directory
│ ├── components # Business components
│ ├── layouts # Layouts
│ ├── logics # Business logic
│ ├── pages # Pages
│ ├── types # Entity definitions
│ ├── utils # Utilities
│ ├── app.config.ts # Website parameter configuration
│ ├── app.vue # Entry file
│ └── error.vue # Error handling
├── cert # Certificates
│ └── wx # WeChat payment certificates
├── content # Content configuration
│ ├── 1.docs # Documentation
│ ├── 3.blog # Blog
│ ├── 0.index.yml # Homepage configuration
│ ├── 2.pricing.yml # Pricing configuration
│ └── 3.blog.yml # Blog configuration
├── lib # Classes
│ └── prisma.ts # Prisma connection class
├── logs # Logs
├── pkgs # Third-party packages
├── prisma # Prisma configuration
│ ├── client
│ ├── migrations
│ └── schema.prisma
├── public # Website static files
├── server # Service API
│ ├── api
│ └── tsconfig.json
├── Dockerfile # Docker configuration
├── README.md # Documentation
├── eslint.config.mjs # ESLint configuration
├── nuxt.config.ts # Nuxt configuration
├── nuxt.schema.ts
├── package.json # Dependency package list
├── tailwind.config.ts # Tailwind configuration
├── tsconfig.json # TypeScript configuration
└── .env # Environment configuration file
Main Directories and Files
File | Description |
---|---|
/app | Application |
/server | Service API |
/content | Website content (YAML, Markdown) |
/prisma | Prisma ORM configuration |
app.config.ts | Business parameters |
nuxt.config.ts | Nuxt configuration |
Dockerfile | Docker script |
.env | Environment variables |
end