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

FileDescription
/appApplication
/serverService API
/contentWebsite content (YAML, Markdown)
/prismaPrisma ORM configuration
app.config.tsBusiness parameters
nuxt.config.tsNuxt configuration
DockerfileDocker script
.envEnvironment variables

end


Resources

Features

Company

Copyright © 2026. All rights reserved.