Symfony

How to add a New Page:

• Create New File with the html.twig extenstion in the templates/ directory.
• Create Controller for different methods related to page. (Optional. You can use default controller also.) with the routes
• Add page link to templates/layouts/_sidebar.html.twig for vertical menu
• Add page link to templates/layouts/_horizontal.html.twig for Horizontal menu
• Add page name key in assets/lang/en{all language folder}/.json file to display in multi language.

Steps to add a new page :

• Step 1: Create a file with the test.html.twig under the templates/ directory. Let's create a testPage for an example with filename test.html.twig and placing the below code in that file.

{% extends 'layouts/base.html.twig' %}
{% block title %}Test Page{% endblock %}

{% block stylesheets %}

{% endblock %}

{% block content %}

{% include 'layouts/_page-title.html.twig' with {'pagetitle': 'Test', 'title': 'Test' } %}

<div>
.........
</div>

{% endblock %}

{% block javascripts %}
<script src="assets/js/app.js"></script>
{% endblock %}


• Step 2: After creating above file, you need to declare its route with method where it can be served on the browser, suppose you want created page to be serve on the route http://localhost:8000/test . To access this page define its routes and it's method in the src/Controller/HomeController.php file.
  
  #[Route('/test', name: 'test')]
public function test()
{
     return $this->render('test.html.twig');
}


• Step 3: After defining the route and it's method, add page link to sidebar at templates/layouts/_horizontal.html.twig OR templates/layouts/_sidebar.html.twigfile.

  Option 1: To add item in menu.
  
  <a href="test" class="dropdown-item" key="t-test">Test</a>
  
  
• Step 4: Add page name to assets/lang/en{all language folder}/.json file to display in multi language.
  
  "t-test" => "Test"

├── assets
        ├── scss
            ├── custom
                ├── components    
                ├── fonts
                ├── pages                                                
                ├── plugins                                                                                                
                ├── structure
            _variables.scss
            app.scss
            bootstrap.scss
            icons.scss