├── app/
| |-- (components)/
| |-- |-- (authentication-layout)/
| |-- |-- |-- authentication/
| |-- |-- |-- error-pages/
| |-- |-- |-- layout.js
| ├── |-- (content-layout)/
| | |-- |-- advance-ui/
| | |-- |-- |-- acoordions-collapse/
| | |-- |-- |-- |-- |-- page.js
| | |-- |-- apps/
| | |-- |-- charts/
| | |-- |-- dashboard/
| | |-- |-- forms/
| | |-- |-- icons/
| | |-- |-- maps/
| | |-- |-- pages/
| | |-- |-- tables/
| | |-- |-- task/
| | |-- |-- ui-elements/
| | |-- |-- utilities/
| | |-- |-- widgets/
| | |-- |-- layout.js
| |-- |-- (landing-layout)/
| | |-- |-- job-landing/
| | |-- |-- landing/
| | |-- |-- layout.js/
| |-- |-- layout.js
| |-- api/
| |-- favicon.ico
| |-- globals.scss
| |-- layout.js
| |-- not-found.js
| |-- page.js
├── public/
| |-- assets/
| |-- next.svg
| |-- vercel.svg
├── shared/
| |-- data/
| |-- firebase/
| |-- layout-components/
| |-- redux/
├── eslintrc.json
├── gitignore
├── jsconfig.js
├── next.config.js
├── package-lock.json
├── package.json
├── README.md
Ynex - NextJs Javascript Admin Dashboard Template / : Root template
folder contain all tsx, scss, images
and other files.
app/ : For server-side routing, you can use Next.js's API
routes feature.
(components)/: A grouping folder for three layouts. The
parentheses indicate a grouping, not a route itself.
(authentication-layout)/ : A grouping folder
for authentication-related pages.(content-layout)/ : A grouping folder for
components.(landingpage-layout)/ : A grouping folder for
landing pages.api/: Serverless API route to handle contact form
submissions.
global.scss/ :Global scss file applied to all pages.
layout.scss/ : Defines a layout that wraps all pages.
Useful for common components like headers or footers.
notfound.scss/ :app/not-found handles global unmatched
URLs.
page.js/ : The root index page component for your
application.
public/assets/:Stores static assets like images, accessible via
/public/assets
shared/ :Reusable components and Data files that can be used
across multiple pages.
eslintrtc.json : ESLint configuration
file.gitignore : Specifies intentionally
untracked files to ignore.next-env.d.ts : Next.js environment
declaration file.next-config.js : Configuration file for
customizing your Next.js setup.package.json : Contains metadata about
the project and its dependencies.README.md : Project documentation and
instructions.jsconfig.json : Javascript configuration
file.Each folder within the /app directory corresponds to a route. For example:
To create nested routes, simply nest folders. For example: