Website Layout

Most of the web pages in website are using common layout. For example layout which consists of header, footer and sidebar - are fixed for each page and the content which varies by the page.

Welcome to your blog post. Use this space to connect with your readers and potential customers in a way that’s current and interesting. Think of it as an ongoing conversation where you can share updates about business, trends, news, and more.

Now, Logical idea is to try to extract and reuse common parts.

Let’s say we have a simple web app which has 5 different routes/pages (login, registration, dashboard, users, account settings) and two layouts.

One layout with content and footer, let’s call it layout 1, and layout 2 with header, footer, sidebar and content.

layout 1 = content + footer

layout 2 = header + sidebar + content + footer

Also let’s say that login and registration pages have layout 1, while others have layout 2.