Folder Structure

  1. Docs
  2. Folder Structure

Use below velzon structure for modify and better understanding of Velzon.

1. Velzon Assets Folders
Folder Path Description

Assets

 src/assets Here are all the asset files, including images, videos, fonts, and SCSS files.

Fonts

 src/assets/scss/fonts Font style files are here.

Images

 src/assets/images This folder contains all the images used in the admin section.

Scss

 src/assets/scss Here, you can find all the SCSS files.

theme.scss

 src/assets/scss/themes.scss The primary SCSS file is "themes.scss," which serves as the entry point connecting all other SCSS files and is imported into either "app.js" or "app.ts."

Components

 src/assets/scss/components Here are all the SCSS files for the components.

Config

 src/assets/scss/config Here are all the configuration files, including variables, Bootstrap, and custom configurations.

custom.scss

 src/assets/scss/config/default/custom.scss Customers have the option to use the "custom.scss" file for adding extra CSS.

Pages

 src/assets/scss/pages All the pages related scss files are here

Plugins

 src/assets/scss/plugins Here, you can find all the SCSS files related to plugins, such as chats, tables, Swiper, and others.

RTL

 src/assets/scss/rtl The SCSS files related to RTL (Right-to-Left) support.

Structure

 src/assets/scss/structure All the SCSS files related to the admin structure, including layouts, footer, and header.
2. Default Folders
Folder Path Description

Common

 src/common/data Here, you can find all the JSON data related to the pages.

Components

 src/components/common Here are the common components used for both layout and admin.

App

 src/app App Router entry point. Routes are folder-based with a page.tsx file in each route folder.

Auth

 src/slices/auth Authentication thunks/reducers live here. UI pages are under src/app/(auth).

Providers

 src/providers App-wide providers (e.g., Redux, Theme, FakeBackend) used by the App Router.

.env.local

 .env.local Local environment overrides for Next.js. Use NEXT_PUBLIC_* for browser-exposed variables.

.env.local

 .env.local Local environment variables (e.g., Firebase keys). Do not commit.

Package.json

 package.json You can find packages and dependencies used in admin here.