Chapters

27 Chapters | 3:13:54 |

01

¡Hola Configuración de Layouts+!

7:30
02

Crear y mapear diseños

11:31
03

Añadir bloques Twig a tu diseño dinámico

4:33
04

Diseños compartidos

7:25
05

Añadir más bloques personalizados

5:16
06

Añadir listas: Tipo de valor

9:58
07

Convertidor de valores

8:50
08

Plantilla de la vista del artículo

6:27
09

Vista de artículos del frontend

7:41
10

Paginación Ajax y CSS/JS

6:43
11

Navegador de contenidos

9:02
12

Navegador de Contenidos: Devolver los elementos

5:33
13

Cargador de valores + Plantilla de vista previa

7:31
14

Contentful: Cargar datos de un CMS externo

8:02
15

Asignar un diseño a las páginas de Contentful

7:55
16

Construir la página Contentful

6:07
17

Personalizar el Slugger de Contentful

5:36
18

La página de lista de habilidades + una cuadrícula de habilidades

7:36
19

Temas y sustitución de plantillas

5:19
20

Vistas en bloque y tipos de vista

9:33
21

Inmersión profunda en las vistas de elementos

6:47
22

Configuración previa

3:55
23

Plantilla de elementos Contentful

6:12
24

Vistas de bloques y definiciones de bloques

4:48
25

Vista de bloque personalizada

7:45
26

Tipo de vista de elemento personalizado

6:04
27

Bloquear Plugins

10:15

> Symfony 5 > Netgen Layouts: Construyendo páginas con Symfony

Buy Access to Course

02.

Crear y mapear diseños

|

|

Autoplay

Previous Chapter

Next Challenge

Login or register to check out the script

8 Comments

Sort By

Login or Register to join the conversation

Richard hace 3 años edited

Hi
At this point (0:18), the url nglayouts/admin load a page without any css ?
I'm a bit lost with that public/build folder and don't know where is the 'call' to the existing css.

Thanks for attention, sincerly.

|

MolloKhan SFCASTS Richard hace 3 años

Hey Richard,

Did you installed your assets and ran yarn watch?
How do you spin up your web server? The public directory must be the root directory in the browser

Cheers!

|

Richard MolloKhan hace 3 años edited

Yarn is installed and watching, the server is launched from the IDE (serve -d).
The url load the login page wich is styled with css, but the nglayouts/admin page is not styled.

I tried to launch the server from MAM Pro on mac and got the same issue.

Maybe I should load the finish source code to see if it works but I prefer understand where is my mistake.

Context: Mac OS 13.1, PHP 8.1.5, IDE : IntelliJ IDEA 2022.3

|

Victor SFCASTS Richard hace 3 años

Hey Richart,

Could you try to run bin/console assets:install command? Then also restart your Webpack Encore and clear the Symfony cache just in case. Also, just to be extra sure, open the website in Chrome Incognito mode to avoid any browser's caching problem.

Let us know if it still does not help!

Cheers!

|

Richard Victor hace 3 años

Bonjour Victor,
I followed scrupulously your answer.
I 're-run' the bin/console command on assets without error.
I could'nt clear the symfony cache : I had this error:
Allowed memory size of 134217728 bytes exhausted (tried to allocate 40960 bytes) in /Users/[...]/start-layouts/vendor/twig/twig/src/Compiler.php on line 95
Last : I open the server on private navigation on Chrome and shazam!, the admin page appear correctly.

Could you tell me how to avoid this memory lack? I did encountered this problem previously.

Have a nice day, thanks for your help.
Cordialement, Richard.

|

Victor SFCASTS Richard hace 3 años edited

Bonjour Richard!

Awesome, congrats on EA styles! I'm happy to hear you were able to see them now :) It seems some bundle's styles were not installed during the bundle's installation so you installed them manually.

About the cache - no problem, technically you can clear the cache by removing the var/cache/ folder, e.g.:

rm -rf var/cache/

But if you want to be able to clear the cache with the console command - you need to tweak your PHP CLI configuration setting the memory_limit = -1 - it will disable the memory limit and in theory, you won't see this error anymore.

Cheers!

|

Richard Victor hace 3 años

you need to tweak your PHP CLI configuration setting the memory_limit = -1

That the point, I don't know where to set the "memory_limit=-1"

Thank you for being listening.

|

MolloKhan SFCASTS Richard hace 3 años

Hey Richard,

If you're using Symfony CLI, you can create a php.ini file at the root of your project and add that config line there. Otherwise, you'll need to find your local php.ini and modify it (the location of the file depends on your OS)
You can read more about Symfony CLI here https://symfony.com/doc/current/setup/symfony_server.html

Cheers!

|

Symfony 5.4

What PHP libraries does this tutorial use?

// composer.json
{
    "require": {
        "php": ">=8.2",
        "ext-ctype": "*",
        "ext-iconv": "*",
        "babdev/pagerfanta-bundle": "^3.7", // v3.7.0
        "doctrine/doctrine-bundle": "^2.7", // 2.7.0
        "doctrine/doctrine-migrations-bundle": "^3.2", // 3.2.2
        "doctrine/orm": "^2.13", // 2.13.3
        "easycorp/easyadmin-bundle": "^4.4", // v4.4.1
        "netgen/layouts-contentful": "^1.3", // 1.3.2
        "netgen/layouts-standard": "^1.3", // 1.3.1
        "pagerfanta/doctrine-orm-adapter": "^3.6",
        "sensio/framework-extra-bundle": "^6.2", // v6.2.8
        "stof/doctrine-extensions-bundle": "^1.7", // v1.7.0
        "symfony/console": "5.4.*", // v5.4.14
        "symfony/dotenv": "5.4.*", // v5.4.5
        "symfony/flex": "^1.17|^2", // v2.2.3
        "symfony/framework-bundle": "5.4.*", // v5.4.14
        "symfony/monolog-bundle": "^3.0", // v3.8.0
        "symfony/proxy-manager-bridge": "5.4.*", // v5.4.6
        "symfony/runtime": "5.4.*", // v5.4.11
        "symfony/security-bundle": "5.4.*", // v5.4.11
        "symfony/twig-bundle": "5.4.*", // v5.4.8
        "symfony/ux-live-component": "^2.x-dev", // 2.x-dev
        "symfony/ux-twig-component": "^2.x-dev", // 2.x-dev
        "symfony/validator": "5.4.*", // v5.4.14
        "symfony/webpack-encore-bundle": "^1.15", // v1.16.0
        "symfony/yaml": "5.4.*", // v5.4.14
        "twig/extra-bundle": "^2.12|^3.0", // v3.4.0
        "twig/twig": "^2.12|^3.0" // v3.4.3
    },
    "require-dev": {
        "doctrine/doctrine-fixtures-bundle": "^3.4", // 3.4.2
        "symfony/debug-bundle": "5.4.*", // v5.4.11
        "symfony/maker-bundle": "^1.47", // v1.47.0
        "symfony/stopwatch": "5.4.*", // v5.4.13
        "symfony/web-profiler-bundle": "5.4.*", // v5.4.14
        "zenstruck/foundry": "^1.22" // v1.22.1
    }
}

Previous Chapter

Next Challenge