The application portion of this project (e.g. not the public facing ‘marketing’ pages) will be presented within one of two layouts - an AppLayout and an AuthLayout.
To get more of an idea of how the concept of layouts fits into InertiaJS see here: Pages - Inertia.js
AppLayout
This layout will be the ‘frame’ of most of the authenticated views that we’ll be creating. This is a pretty simple application so we could use one of the ‘Stacked’ layouts from TailwindUI as the starting point of our AppLayout component
We’ll also need a simple focussed layout that we can use for login/registration/password reset screens. Again TailwindUI has some components we can use as a basis for this layout (ultimately though this ‘layout’ will really just be an empty screen that centres our content.
The application portion of this project (e.g. not the public facing ‘marketing’ pages) will be presented within one of two layouts - an AppLayout and an AuthLayout.
To get more of an idea of how the concept of layouts fits into InertiaJS see here: Pages - Inertia.js
AppLayout
This layout will be the ‘frame’ of most of the authenticated views that we’ll be creating. This is a pretty simple application so we could use one of the ‘Stacked’ layouts from TailwindUI as the starting point of our AppLayout component
Tailwind UI - application layouts
AuthLayout
We’ll also need a simple focussed layout that we can use for login/registration/password reset screens. Again TailwindUI has some components we can use as a basis for this layout (ultimately though this ‘layout’ will really just be an empty screen that centres our content.
Tailwind UI - sign in and registration