App Shell

The app's shell, is the minimal HTML, CSS, and JavaScript that is required to power the user interface of a progressive web app and is one of the the components that ensures reliably good performance. Its first load should be extremely quick, then immediately be cached. This means that the shell does not need to be loaded every time, but instead just gets the necessary content. - Google Web Fundamentals

App Shell in index.blade.php

The app shell is already configured in your resources/views/index.blade.php.
You can see how the app shell looks like by temporarily commenting the scripts in your index.blade.php.


Critical CSS will be served with your app shell. This should be the minimum amount of CSS your app shell needs in order to display. The file will be preprocessed with sass so that you can use the variables you have and it will be excluded from your final.css so that it doesn't get duplicated (and since it's only concerned with the app shell)