Synto - NextJs App-Router Typescript & Tailwind CSS Admin Dashboard Template

NextJs App-Router File Structure


							├── app/
							|   |-- (components)/
							|   |-- |--   |-- (authentication-layout)/
							|   |-- |--   |--      |--authentication/
							|   |-- |--   |--      |--layout.tsx
							|   |-- |--   |-- (content-layout)/
							|   |-- |--   |--      |--advance-ui/
							|   |-- |--   |--      |--basic-ui/
							|   |-- |--   |--      |--charts/
							|   |-- |--   |--      |--components/
							|   |-- |--   |--      |--dashboards/
							|   |-- |--   |--      |--elements/
							|   |-- |--   |--      |--forms/
							|   |-- |--   |--      |--icons/
							|   |-- |--   |--      |--maps/
							|   |-- |--   |--      |--pages/
							|   |-- |--   |--      |--widgets/
							|   |-- |--   |--      |--layout.tsx
							|   |-- |--   |-- (custom-layout)/
							|   |-- |--   |--      |--about-us/
							|   |-- |--   |--      |--contact-us/
							|   |-- |--   |--      |--faq's/
							|   |-- |--   |--      |--home/
							|   |-- |--   |--      |--terms-conditions/
							|   |-- |--   |--      |--layout.tsx
							|   |-- |--   |-- layout.tsx
							|   |-- |--   |-- (landing-layout)/
							|   |-- |--   |--      |--landing/
							|   |-- |--   |--      |--layout.tsx
							|   |-- |--   |-- layout.tsx
	   
									
							├── public/
							|   |-- assets/
							|   |-- |--   |-- css/
							|   |-- |--   |--   |--style.css/
							|   |-- |--   |--   |--style.css.map/
							|   |-- |--   |--   |--style.min.css/
							|   |-- |--   |--   |--styles.min.css.map/
							|   |-- |--   |-- iconfonts/
							|   |-- |--   |--      |--remixicons/
							|   |-- |--   |--      |--tabler-icons/
							|   |-- |--   |--  img/
							|   |-- |--   |--  scss/
							|   |-- |--   |--      |--custom/
							|   |-- |--   |--      |--dashboards/
							|   |-- |--   |--      |--global/
							|   |-- |--   |--      |--layout/
							|   |-- |--   |--      |--plugins/
							|   |-- |--   |--      |--switcher/
							|   |-- |--   |--      |--tailwind/
							|   |-- |--   |--      |--icon.scss
							|   |-- |--   |--      |--_variables.scss
							|   |-- |--   |--      |--style.scss
							|   |-- |--   |--  next.svg
							|   |-- |--   |--  vercel.svg

Folder Description

Synto - NextJs App-Router Typescript & 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.
  - global.scss : this scss file is known as a global scss file in your template.