Ynex – Nuxt3 Premium Bootstrap-5 Admin Template

Folder Structure


						├── assets/
						├── |-- css/
						|   |-- |-- bootstrap.css
						|   |-- |-- bootstrap.min.css
						|   |-- |-- icons.css
						|   |-- |-- icons.css.amp
						|   |-- |-- icons.min.css
						|   |-- |-- icons.min.css.map
						|   |-- |-- styles.css
						|   |-- |-- styles.css.map
						├── |-- libs/
						├── |-- scss/
						|   |-- |-- bootstrap/
						|   |-- |-- custom/
						|   |-- |-- global/
						|   |-- |-- menu-styles/
						|   |-- |-- Pages/
						|   |-- |-- util/
						|   |-- |-- _switcher.scss
						|   |-- |-- _variables.scss
						|   |-- |-- bootstrap.scss
						|   |-- |-- icons.scss
						|   |-- |-- styles.scss
						├── |-- video/
						├── components/
						|   |-- |-- @spk/
						|   |-- |-- common/
						|   |-- |-- UI/
						├── data/
						├── layouts/
						|   |-- custom.vue
						|   |-- default.vue
						|   |-- landing.vue
						|   |-- maindashboard.vue
						├── middleware/
						├── pages/
						|   |-- advanced-ui/
						|   |-- apps/
						|   |-- authenticatioon/
						|   |-- charts/
						|   |-- dashboard/
						|   |-- error/
						|   |-- forms/
						|   |-- maps/
						|   |-- pages/
						|   |-- tables/
						|   |-- task/
						|   |-- ui-elements/
						|   |-- utilities/
						|   |-- icons.vue
						|   |-- index.vue
						|   |-- widgets.vue
						|   |-- ...
						├── plugins/
						|   |-- chartjs.client.ts
						|   |-- plugins.ts
						|   |-- ...
						├── public/
						├── |-- icon-fonts/
						|   |-- |-- bootstrap-icons/
						|   |-- |-- boxicons/
						|   |-- |-- feather/
						|   |-- |-- line-awesome/
						|   |-- |-- Remixicons/
						|   |-- |-- tabler-icons/
						|   |-- images/
						|   |-- plugins.ts
						|   |-- ...
						├── server/
						├── stores/
						|   |-- switcher.js
						├── utils/
						.eslintrc.js
						.gitignore
						app.vue
						nuxt.config.ts
						package-lock.json
						package.json
						tsconfig.json
						yarn.lock

Folders Description

Ynex – Nuxt3 Premium Bootstrap-5 Admin Template / : Root template folder contain all html, js, css, scss, images and other files.
- assets/ : Folder contain all the Ynex Template assets which has css, js, scss, and images.
- - css/: Folder contain assets which has complete styles.
  - - icons.css : It has all template icon links are importated.
    - styles.css : Main style sheet for template
  - scss/ : Folder contain all pages scss files and all plugins scss files also included.
  - Video/ : Folder contains video used in this template.
- components: The components/ directory is where you put all your Vue components. Nuxt automatically imports any components in this directory (along with components that are registered by any modules you may be using).
- data: Reusable data in the application.
- layouts: Nuxt provides a layouts framework to extract common UI patterns into reusable layouts.
- pages: Nuxt provides file-based routing to create routes within your web application.
- plugins: Nuxt has a plugins system to use Vue plugins and more at the creation of your Vue application.
- public: The public/ directory is used to serve your website's static assets.
- icon-fonts/: Folder contain all types of icons which is used in this template.
- images/ : Template images.
- store: The store directory is used for state amangement(pinia).
app.vue : The app.vue file is the main component of your Nuxt application.
nuxt.config.ts : Nuxt can be easily configured with a single nuxt.config file.
package.json : The package.json file contains all the dependencies and scripts for your application.
tsconfig.json : Nuxt generates a .nuxt/tsconfig.json file with sensible defaults and your aliases..