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 © 2025. All rights reserved.