Skip to content

Project Structure

This guide will show you how a SaasWind project is organized and what the different files in your project do.

SaasWind projects generally follow the same file and directory structure as other Astro projects. See Astro’s project structure documentation for more detail.

Files and directories

astro.config.mjs — The Astro configuration file; includes the Starlight integration and configuration.
src/content.config.ts — Content collections configuration file; adds Starlight’s frontmatter schemas to your project.
src/content/docs/ — Content files. Starlight turns each .md, .mdx or .mdoc file in this directory into a page on your site.
src/ — Other source code and files (components, styles, images, etc.) for your project.
public/ — Static assets (fonts, favicon, PDFs, etc.) that will not be processed by Astro.

Example project contents

A SaasWind project directory might look like this:

Directorypublic/
- favicon.svg
- logo.png
- offline.html
Directorysrc/
- Directoryactions/
  - …
- Directoryassets/
  - …
- Directorycomponents/
  - Directoryapp/
    …
  - Directoryauth/
    …
  - Directoryblog/
    …
  - Directorycards/
    …
  - Directorylayout/
    …
  - Directoryshared/
    …
  - Directorystarwind/
    …
- Directoryconfig/
  - …
- Directorycontent/
  - Directoryblog/
    …
  - Directorypages/
    …
- Directorydata/
  - homepage.json
  - icons.ts
  - settings.json
  - Directorythemes/
    …
- Directorydb/
  - Directorymigrations/
    …
  - Directoryscripts/
    …
  - schema.ts
  - seed.ts
  - setup.ts
- Directoryi18n/
  - …
- Directorylayouts/
  - …
- Directorylib/
  - …
- Directorypages/
  - Directoryapi/
    Directorystripe/
    …
  - Directoryapp/
    Directoryblog/
    …
    Directorypricing/
    …
    404.astro
    index.astro
  - Directoryscripts/
    …
  - Directorystyles/
    …
  - content.config.ts
  - entrypoint.ts
  - middleware.ts
  - store.ts
  - env.d.ts
package.json
astro.config.mjs
tsconfig.json
tailwind.config.mjs
drizzle.config.ts
keystatic.config.ts
README.md