File Structure

This section will show you how to keep your files organized. Our theme file structure that looks like this.

Theme folder and file structure

As mentioned previously, the default Geeks themes are some of the best examples of good theme development.

For instance, here is how the Geeks Theme organizes its file structure:

  • Geeks

    Folder contains all template source and production files.

    • App

      App Directory In Http Directory All Controller Here

      • Http
        • Controllers

          All Controllers Here Like AccountController, AuthController ect

        Providers
    • bootstrap
    • config
    • database

      Database Configuration here

    • node_modules

      Directory where npm installs dependencies.

    • public

      Directory where npm installs dependencies.

      • build
      • images

        All Images and assets here.

    • resources
      • fonts
      • JS
      • JS
      • JS
      • scss
      • views
        • account
        • auth
        • blogs
        • components
        • docs
        • layouts
        • order
        • pages
        • plugins
        • products
        • shoppings
        index.blade.php
    • routes

      Directory route here for this folder.

      • console.php
        web.php
    • storage
    • tests
    • vendor

      Directory Generate fot vendor file.

    • bun.lock
    • composer.json
    • composer.lock
    • package.json
    • vite.config.js