Overview

webweb2 is a content management system that is designed for developers. It allows you to create your website through a web based IDE where you write pages using Razor syntax.

Relationship to webweb

webweb is a content management system that is somewhat similar to webweb2, but it works a bit differently. webweb2 is a complete rewrite of webweb that fundamentally changes how the page creation process works. Here's an overview of the differences:

• webweb2 compiles Razor syntax into HTML files that can be hosted through something like Nginx or GitHub Pages, while webweb is responsible for both serving pages and allowing you to edit them.
• webweb2 uses Razor syntax, while webweb uses plain HTML.
• webweb2 gives you full control over the generated HTML, while webweb is a lot less flexible.
• webweb2 is written using Blazor, an SPA (single page app) framework from Microsoft. The main advantage of this is that getting data from the server, displaying it, and automatically updating the UI is a lot easier. webweb is written using ASP.NET MVC.
• webweb2 has one IDE that you can log in to, while webweb has individual pages to edit each page of your site.
• webweb2 does not have a direct equivalent for "draft pages" (pages that are not visible unless you are logged in). This isn't really an issue, as you can edit the page and use webweb2's preview feature to see the page before you export the site.
• Finally, probably the most useful change: webweb2 has a component-page-template-layout system. More on that in the next section.

Component-page-template-layout system

The component-page-template-layout system is what I consider to be the most useful feature of webweb2. Each of these is called an item, that can be shown in a single tab in the webweb2 IDE.

Page and Template

A page is the building block of your website. Each page compiles to an HTML file. A page has three parts, represented by subtabs in the IDE; Razor, CSS, and JS. A template is the same thing as a page, except when you create a new page, you can select a template to use. This will fill the new page with the contents of the template.

Layout

Each page has a layout, which is declared inside the Razor markup of the page like this:

@{
    Layout = "_Layout";
}

<aside> ⚠️ Notion does not have support for Razor code highlighting, so I'll use C#.

</aside>

<aside> 💡 If you don't want a layout, set Layout to null (without quotes around it).

</aside>