D-board uses the default Next.js file and folder code structure. For more information on the project and to familiarize yourself with the file and folder structure used in a Next.js application, please go to the Next.js website.

All pages are located in the src/pages folder.

All components and widgets are located in thesrc/components folder.

All layouts and structural views are located in thesrc/layouts folder.

CSS files are located in thesrc/css folder.

1. src/components

   Includes all the components ands widgets included in the template

2. src/css

   Includes CSS files

3. src/layouts

   Includes all layouts and structural views

4. src/css/layouts

   Includes CSS for all the included layouts

5. src/css/components

   Includes CSS for some of the included components, although most components use tailwind classes

6. functions

   Includes helpers and functions used in the template

7. json

   Includes sample json files with data used in some views and components

8. src/slices

   Includes Redux Toolkit slices used in the app

9. src/slices/navigation

   Includes menus and navigation files that are used in the left sidebar and top navigation components

10. src/pages

    Includes all pages and sample views

11. public

    Includes all the static assets and content used in the template

1. src/store.tsx

   Redux Toolkit config and global store

2. tailwind.config.js

   Tailwind CSS default configuration

3. src/pages/index.tsx

   Template index file

4. src/pages/_app.tsx

   Next.js custom App file. All CSS files are imported here

5. src/pages/_document.tsx

   Next.js custom Document file. Custom HTML meta tags are defined here

6. postcss.config.js

   PostCSS configuration for plugins used in the template

1. How do I open the template?
   First, make sure Next.js is installed. For more information go to this url. Then you need to run npm install to install the template followed by npm run dev to start the development server.
2. I need an empty page to start developing. Where can I find one?
   Go to the src/pages/empty-page.js file.
3. How do I add a new page and/or route?
   Routes are handled automatically by Next.js. To add a new page just add it to the src/pages folder.
4. How do I set a default and/or global page layout?
   Global layouts are defined in the src/slices/config.js file. Layouts for every route are defined in the src/layouts/index.js file. Unless defined, all routes will default to the <Layout1 /> layout.
5. Where can I find the colors available in the template?
   D-board uses the default tailwind color palette. Full list can be found in this url.
6. How do I add a css file to the template?
   CSS files are imported into the template by the src/pages/_app.js file. To add a new file just import it to this file.
7. How do I set the colors for the pages or components?
   Component colors are defined in the component itself using tailwind classes. To change the colors for a component just add your classes to the component file.
8. I have a question, but it is not listed here, what can I do?
   Send us an email to support@mobifica.com or contact us through our Theme Forest profile and we'll do our best to try to help you
9. I would like to see a new plugin installed or functionality developed in the template, is it possible?
   We are always trying to improve and adding new functionalities and plugins to the template, so every request is welcomed and will be evaluated
10. I found a bug, what can I do?
    Please let us know and we'll do our best to fix it as soon as possible
11. Are updates free?
    Yes, they are and always will be for our Themeforest customers