Concavo 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 Next.js, please go to the Next.js website.

Every page included in the template follows the Next.js routing convention. 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.

SCSS files are located in thesrc/scss folder.

All color palettes are located in thesrc/scss/palettes folder.

1. src/components

   Includes all the components ands widgets included in the template

2. src/scss

   Includes SCSS files

3. src/layouts

   Includes all layouts and structural views

4. src/scss/palettes

   Includes all the color and palette definitions for backgrounds, left sidebars, logos, navbars, right sidebar and top navigation components

5. src/scss/layouts

   Includes SCSS for all the included layouts

6. src/scss/components

   Includes SCSS for all the included components

7. src/functions

   Includes helpers and functions used in the template

8. src/json

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

9. src/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.js

   Redux config and global store

2. tailwind.config.js

   Tailwind SCSS default configuration

3. postscss.config.js

   PostSCSS configuration for plugins used in the template

4. src/pages/index.js

   Template entry page

5. src/pages/_app.js

   Default Next.js component to initialize pages. SCSS files are imported here

6. src/pages/_document.js

   Custom Next.js component used to add custom tags to the html and body tags

7. src/scss/_variables.scss

   Global SCSS variables

8. src/scss/_components.scss

   SCSS files for components are imported here

9. src/scss/_layouts.scss

   SCSS files for layouts are imported here

10. src/scss/_palettes.scss

    SCSS files for palettes are imported here

1. How do I open the template?
   First, make sure the next-app package is installed. For more information go to this url. Then you need to run npm install or yarn 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 can I change the navigation menus?
   We provide an empty example navigation file in src/navigation/empty.js. Replace src/navigation/index.js with the content of this file to start developing your own navigation menus.
4. How can I customize the side navigation?
   Side navigation options can be found in the src/store.js file.
5. How do I add a new page and/or route?
   Routes are handled automatically by Next.js. To add a new page copy any of the provided views or use the src/pages/empty-page.js as a starting point
6. How do I set a default and/or global page layout?
   Global layouts are defined in the src/store.js file. Also layouts can defined in every page by importing the layout directly from the src/layouts folder or by overriding the redux configuration. For examples go to the src/pages/demo folder.
7. Where can I find the colors available in the template?
   Colors are defined in the tailwind.config.js file in the colors section, in line 33. The same colors are copied to the src/functions/colors.js which makes them available for javascript components such as charts and maps.
8. How do I change the layout styles?
   Layouts colors are defined in the src/scss/palettes folder. In this folder you can find the palette definitions for the background, left sidebar, logo, navbar, top navigation and right sidebar components.
9. How do I add a scss file to the template?
   SCSS files are imported into the template by the src/pages/_app.js file. To add a new file just import it at the top of this file.
10. How do I set the page background, left sidebar, navbar, logo, top navigation and right sidebar colors?
    Palette colors are defined in the scss/_variables.scs file and the color definitions for each palette are set in the scss/palettes and scss/components folders
11. How do I change the colors of other elements and components, such as tables and dropdowns?
    Colors are defined for most elements in the scss/components folder and can either be set there globally or be modified using the Tailwind SCSS background, text and border color modifiers. All available modifiers are listed in the http://localhost:3333/ui-elements/colors page
12. 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
13. 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
14. 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
15. Are updates free?
    Yes, they are and always will be for our Themeforest customers