Project Structure

If you download the Grander theme starter project, you will find many precreated files in addition to the Astro files. What additional files do you need, and what does each file do? This is essentially boilerplate to help you get started with Seizo.

The Essentials

Here is a list of the essential files you need to know about, along with an explanation of what each does:

astro.config.mjs - The main configuration file for Astro, with slight modifications that allow Seizo to edit fonts. Of course, you can use your own custom font from your own file. However, if you bring your own font, Seizo users cannot edit it.
/src/global.css - The global CSS file for the project. You can use this file to define custom styles for the project. It is imported into BaseHeader.astro. By default, all Seizo boilerplate themes use Tailwind CSS with DaisyUI. If you prefer a different CSS library, you are welcome to use it.
/src/theme.css - The theme CSS file for the project. You can use this file to define custom styles that allow Seizo users to customize the theme color and border radius.
/src/content.config.ts - This file contains all page and website setting schemas, which allow Seizo users to customize the website. Do not delete this file.
/src/pages/[…slug].astro - The dynamic page route for the website. This file is responsible for rendering page content based on the slug. Do not delete this file.
/src/features/layouts/ - The layout files for the project. You can use this folder to define custom layouts. All layout files should live inside this folder. Do not delete this folder. You can also create subfolders inside this folder to organize your layouts (e.g., /src/features/layouts/custom/base3.astro). Do not include the word “plugin” in any folder name.
/src/features/components/ - The component files for the project. You can use this folder to define custom components. All component Astro files should live inside this folder. Do not delete this folder. You can also create subfolders inside this folder to organize your components (e.g., /src/features/components/custom/base3.astro). Do not include the word “plugin” in any folder name.
/src/features/base/ - The base files for the project. Do not delete this folder. It contains schemas, types, the Image component, and other important utility files used across the project and plugins. You can customize it, but make sure you know what you are doing.
/src/content/seipage/ - The pages folder for Seizo. Do not delete this folder. All pages for the project should live inside this folder. Each JSON file represents a page and should have a unique name. For example, the home page is index.json and the about page is about.json, but a nested page like /product/dentalflox becomes product-dentalflox.json. The slash (“/”) is replaced with a hyphen (“-”) in the filename for nested pages only.
/src/content/listOfComponentsLayouts.json - This JSON file contains the list of components and layouts for the project. You can use it to define the components and layouts shown inside the Seizo desktop app. You can add or remove components and layouts from this file as needed. Do not delete this file.
/src/content/seisetting.json - This JSON file contains the settings for the project. You can use it to define project settings, such as navbar settings, sitemap, logo, social media links, and other general settings. Do not delete this file.
/src/assets/ - This folder contains the assets for the project. You can use it to store images used across the project. Do not delete this folder.