New Web Site v.2
New Web Site v.2
Better performance, new features and more flexibility in content management
12 Mar 2025
4 mins
Fabio Biondi
Fabio Biondi
Google Developer Expert
Microsoft MVP
Fabio Biondi
Giorgio Boa
FullStack Developer @ Qarik
Microsoft MVP
 

# Introduction

In these weeks we have completely rewritten from scratch all the pages of our website in order to:

1
Improve performance and Core Web Vitals scores: 3x
2
Add new features
3
Fix some problems and bugs that we will talk about in another post.
User Interface and User Experience have remained almost unchanged but the updates under the hood are huge.
The main reason that required a total rewrite was the migration from a system where we wrote content in markdown files (MDX) to a, custom made, CMS.
So we basically had to rewrite most of the site (and of course the CMS).
How is the site built?
Our site is built using NextJS v.14.1 while the new CMS is written from scratch using Angular v.19+.
We'll provide more info about all this in apoi post dedicated to the technical aspects.

# New Features

We basically worked on all the pages of the site, optimizing performance, UI and UX.
But there is much more...
Here is a summary of some of the news you will find on the site:

# Navigation Menu

The menu has been slightly reorganized and allows quick access to blogs, courses, profiles and subscriptions. In addition, it is now possible to change the theme.
This menu is likely to change in the coming weeks
screen_2025_03_12_12_04_20

# Courses

We have a new Courses page with the list of all courses and the search filters.
Currently the filters allow language selection, between Italian and English, but as the content increases we will add new filters.
For each content is also highlighted the language in which it was made and the type: online book or video course.
screen_2025_03_12_12_05_05

# Blog

A new Blog Page is also available and also the page of the single post has been completely rewritten to give much more space to the content. Check it out .
blog

Contextual Panel

Each article displays on the right a contextual panel through which it allows to quickly access to the Table of Content of the current article, your Bookmarks and all courses:
screen_2025_03_12_12_27_28

# Course's Landing Page

We have added the possibility to start the course from the beginning or to resume it from the last lesson visited:
screen_2025_03_12_12_11_32

# Course page

This is the section that has undergone the most changes.

New Drawer

The left side panel has been completely reorganized and rewritten in order to add new features and especially the performance and loading times have decreased by about 4 times compared to the previous version.
In this panel you can now:

1
Select and deselect lessons and flag them as wathed/unwatched status
2
Monitor course progress
3
Quickly access course information such as authors, online help, reviwers and change log
4
Improve Responsiveness
course-page

New Contextual Panel

On the right side of each lesson there is a context panel where you will find:

1
The list of subtopics of the lesson, also known as Table of Content
2
The bookmarks you saved for the course you're reading/watching
3
A list of all courses, to quickly switch between courses
4
Change theme: dark or light
The list of all your bookmarks, the reading history and your subscriptions are also available in your profile area, described in the next paragraphs.
screen_2025_03_12_12_14_53

Action Bar (Bottom)

At the bottom of each lesson you find buttons related to the current lesson. You can see it in the previous animation.
  • Like the page! It is important for us to know that you value our work
  • Save current lesson into bookmarks so you can quickly find them in the Contextual Panel or in your profile.
  • Feedback button: it opens a panel where you can suggest improvements and notify errors
These features are available only for registered users

# Profile

We have rewritten much of the Profile section, available only for registered users:

1
The page loads 3 times faster than before
2
History and bookmarks are better organized than the previous version
3
Next to the title there is now the date that allows you to know when a lesson was visited or a bookmark was added
4
It is now possible to remove a single entry from bookmarks or history
screen_2025_03_12_12_20_17

# Subscriptions Page

On this page (available only for registered users) you can track active subscriptions and coupons. In addition to being considerably faster than the previous version, it has been simplified and the layout is cleaner.
Hidden courses are now also visible, a protected category of content available only to students of our live courses or in special scenarios (conferences, live events and so on).
screen_2025_03_12_12_21_05

# BONUS: CDN

All images are now hosted on CDN CloudFlare with the purpose to increase the UX, performance and Core Web Vitals.

# What about the future?

Thanks to this refactoring we will be able to introduce new features much faster and we have a lot in mind. So stay tuned!
Logo Learn By Doing Light Mode
Topics
Courses
Bookmarks
there are no topics

Send your feedback

EMAIL
ADD CODE SNIPPET
ADD IMAGE/SCREENSHOTS
VOTE