Basic Steps to migrate an existing project into Materio

1. First, you need to move your all views (blade) files into Materio's views folder.
2. Now, extend our layouts as per your requirement in your existing pages.
Copy

@extends('layouts/layoutMaster')

@section('title', 'Your Page Name')

@section('vendor-style')
// your vendor style files goes here
@endsection

@section('page-style')
// your page specific style files goes here
@endsection

@section('vendor-script')
// your vendor script files goes here
@endsection

@section('page-script')
// your page specific script files goes here
@endsection

@section('content')
// your page content goes here
@endsection

3. Also, move your all controller into Materio's app -> Http -> Controller folder.
4. Now, define your routes in web.php file to point your controllers.
5. Move your assets like SCSS, JS files into the resource/assets/ folder.
   • Vite:If you use our existing folder to place your assets then you no need to define your compilation in the vite.config.js file.
   • Mix:If you use our existing folder to place your assets then you no need to define your compilation in the webpack.mix.js file.
6. You can directly place your statics assets in the public folder. So, no need to compile it.
7. Move your database migration into the migration folder in our template.
8. Add your project dependency into composer.json or package.json file.
9. Add your existing pages name into menus JSON files to add your page's links in the sidebar menu. You can find our menus files below location.
Copy

/resources/menu/horizontalMenu.json
/resources/menu/verticalMenu.json

10. Also, add your page's name into lang JSON files to get the translation.
Copy

📂 lang
├── 📄 en.json
├── 📄 de.json
├── 📄 ar.json
└── 📄 fr.json

11. To search your pages from navbar search, add them into the below-mentioned search JSON files.
Copy

/public/assets/json/search-vertical.json
/public/assets/json/search-horizontal.json

12. Above are some basic steps to migrate your project into Materio.👍