This is the Version information of the Drupal Core currently used and the Theme and Modules used.
This article summarises the actual Drupal version, the theme used and the modules used. As you can see, our website is not a particularly design-conscious website, it is very simple and we have built the website using Drupal and Bootstrap5 as the default theme.
The modules installed are not for design purposes, but to supplement functionalities such as SMTP and reCAPTCHA, and to supplement functions that Drupal does not provide by default, such as Metatag and BreadCrumb.
The basic structure consists of Drupal 10.3x and a Bootstrap5 theme.Bootstrap5 elements are provided in the HTML tags and CSS from the beginning, so if you place headings, paragraphs, tables, containers, etc. in the page, the elements set in Bootstrap5 They make up the page.
When creating a page with the idea of making articles easy to read, decorative elements are good in moderation, and the elements provided by default are sufficient, so we don't use any particular module for decoration.
Below are links to Drupal Core and Theme.
Bootstrap5 4.0.3
The Theme used in this website is Bootstrap5 4.03, because the parts prepared by Bootstrap5 can be used and the minimum necessary elements of Bootstrap5 are built in HTML tags by default. You can create a page using Bootstrap5 just by writing an article with sentences.
These will be the modules have installed. The selection of modules includes modules that allow Meta tags that are not set by default in Drupal to be added arbitrarily, modules that allow breadcrumb lists to be set arbitrarily, modules related to reCAPTCHA for use with contact forms, and modules that allow external SMTP to be used.
easy_breadcrumb 2.0.8
This module allows you to freely configure the breadcrumb list. The default layout of the theme places the breadcrumb list at the top of the page, but this module allows you to position the breadcrumb list as you wish. You can also freely set the hierarchy in which the breadcrumb list links are placed.
Metatag 2.0.2
When you create a page with Drupal's content functionality, Meta Discription is not placed by default. After installation, simply specify the content for which you want to use MetaTag. In addition to content, it can also be used on pages created with Views.
CAPTCHA 2.0.6
This module enables the CAPTCHA functionality in Drupal. It can be extended to use Google reCAPTCHA v3 and v2. The image CAPTCA module is also installed by default.
reCAPTCHA v3 2.0.3
This module enables Google reCAPTCHA v3 to be used with Drupal, and is an extension module for CAPTCHA, so CAPTCHA is required. It is easy to set up and can be used by registering a site key and secret key, setting thresholds and question formats.
reCAPTCHA 8.x-3.4
This module enables the use of Google reCAPTCHA v2 in Drupal, and is an extension module for CAPTCHA, so CAPTCHA is required. This module is easy to set up and can be used by registering a site key and secret key and configuring the question format display settings.
SMTP Authentication Support
This module is designed to use an external SMTP when sending emails in Drupal. This website uses AWS SES as the external SMTP. It can be used simply by configuring the port and authentication settings.
As you can see, the website has been built by adding the modules that we consider minimum necessary to the default state of Drupal and using the elements of Bootstrap5, the theme we use, which is also minimally prepared. I have also customised the design with CSS to the minimum, only changing the font size and colours. The text is a little larger to improve visibility as I myself have presbyopia, and although it is not a very cool design, it is just the right size for reading articles.
At the moment, the website is well formed, but I think it could be designed to be a little easier to read. The search functionality provided by default in Drupal is excellent, but there are also excellent modules such as SearchAPI that can be used to search for articles. I would like to introduce it when the volume of articles has reached a certain level.
Page Speed Insights.
In the next section, we would like to evaluate the performance of a website built with Drupal and Bootstrap5. Since it is almost in its default state, we will be able to get an idea of how well the Drupal and Bootstrap5 themes perform in terms of optimising page components and caching rendering and processes, which is inherent to the Drupal and Bootstrap5 themes.