Synto - File Structure

File structure(src)


						pages/
						├── components/
						|   |    ├── advance-ui/
						|   |    ├── authentication/
						|   |    ├── basic-ui/
						|   |    ├── charts/
						|   |    ├── component/
						|   |    ├── dashboards/
						|   |    ├── elements/
						|   |    ├── forms/
						|   |    ├── icons/
						|   |    ├── pages/
						|   |    └── widgets/


 public/
  ├── assets/
  |   |    ├── css
  |   |    |    ├── style.css
  |   |    |    ├── style.css.map
  |   |    |    ├── style.min.css
  |   |    |    └── style.min.css.map
  |   |    ├── iconfonts/
  |   |    |    ├── RemixIcons/
  |   |    |    └── tabler-icons/
  |   |    ├── img/
  |   |    └── scss/
  |   |        ├── custom/
  |   |        ├── dashboards/
  |   |        ├── layout/
  |   |        ├── plugins/
  |   |        ├── switcher/
  |   |        ├── tailwind/
  |   |        ├── _icons.scss
  |   |        ├── _variables.scss
  |   |        └── style.scss



					
Folders Description
  • Synto - Next.js Tailwind CSS Admin Dashboard Template / : Root template folder contain all next.js component(Structure page), css, scss, images and other files.
    • assets/ : Folder contain all the Synto Template assets which has css, scss, and images.
      • css/: Folder contain assets which has complete styles.
        • styles.css : Main style sheet for template
      • iconfonts/: Folder contain all types of icons which is used in this template.
      • img/ : Template images.
      • scss/ : Folder contain all pages scss files and all plugins scss files also included.
      • index.scss : this scss file is known as a global scss file in your template.