What it is: The world's most popular content management system (CMS) — lets you edit content without a developer, through an admin panel in the browser.
How we use it: We build showcases and sites with a familiar admin panel on it, but with a custom theme and no third-party plugins or builders: fewer updates and vulnerabilities, light pages. The “Dykhanie Povolzhya” showcase is built this way. We also migrate and maintain existing sites: three sites moved from the outdated Joomla 3.10 to WordPress, keeping the catalogue, forms and search rankings.
Read more →What it is: The basic technologies of any web page: HTML is the structure, CSS the styling, JavaScript the interactivity.
How we apply it: For landing pages and small business sites without a CMS — when load speed matters most and there is no need for an admin panel to edit content regularly.
Read more →What it is: A set of measures so that people find your website in search (Google, Yandex) for the right queries, without paid ads.
How we use it: Semantic markup, Schema.org structured data, a sitemap and correct meta tags — built in during development, not patched afterwards.
Read more →What it is: A toolkit for building fast websites: pages are served as ready HTML, so they open instantly and are fully readable by search engines. Vue is the interface language inside it.
How we use it: The studio site and an online store with an admin panel are built on Nuxt. Content lives in files in git or in a database, the design is custom, with no builder templates.
Read more →What it is: A fast way to write a server side in Python: order intake, cart calculation, an admin panel. Works the same with websites and with bots.
How we use it: The online store server, the crash-report receiver for apps, APIs for Telegram cabinets. Runs in a container next to the site.
Read more →What it is: Two ways of serving pages. SSR: the server builds the page on every request, handy for stores with live stock. Static: pages are built in advance and stored as files, the server has almost nothing to do and nothing to hack.
How we use it: The studio's Russian site runs as SSR in one container; the international one is built to static files on a server in Moldova. One project, two build modes.
Read more →What it is: Your own slice of a data-centre server with full access: install what you like, pay a fixed monthly fee (from $5–15). Unlike "website hosting" it can hold a site, a bot, a database and mail at once.
How we use it: All studio projects live on VPS: sites, bots, n8n, VPN nodes. One properly configured server comfortably runs several sites in containers.
Read more →What it is: The domain is the site address (devunit-lab.business). DNS records say which server it points to, where to receive mail and who may send mail on its behalf. The domain is always registered to the client, never to the contractor.
How we use it: We check the domain is owned by the client and set up A, MX, SPF, DKIM, DMARC records and the verification records for search-engine dashboards.
Read more →What it is: The padlock in the address bar. It encrypts what a visitor types on the site and confirms the site is genuine. Without it browsers say "not secure" and search engines rank lower.
How we use it: Let's Encrypt certificates are issued and renewed automatically on the edge nginx; nobody has to remember them.
Read more →What it is: A service where a site is assembled from ready blocks and lives on the service's servers for a monthly fee (Wix, Squarespace, Tilda and the like). Quick to start, but the site cannot be taken away and features are capped by the plan.
How we use it: We do not use them. We build sites on the client's own server: code and data belong to the client, and the only fee is the VPS. Why — in the article "Your own server or a website builder".
Read more →What it is: A system through which the owner changes texts, prices and products without a developer. WordPress is the best-known ready CMS; a custom admin panel is written separately and does exactly what is needed.
How we use it: For showcases we install WordPress with a custom theme; for stores with stock we write a FastAPI panel: prices and availability are edited in one table, orders arrive in Telegram.
Read more →What it is: A worldwide network of servers that serves site images and files from the point nearest the visitor. Needed when visitors are spread across countries or traffic is high; a small site usually does fine with one server.
How we use it: We connect one when needed for international sites; for Russian sites a server in Russia and light pages matter more.
Read more →What it is: The language WordPress and most of its themes and plugins are written in. Not the trendiest, but every host and every web developer understands it.
How we use it: We write custom WordPress themes in PHP without third-party builders: pages stay light, with fewer updates and vulnerabilities.
Read more →What it is: A simple way to mark up text: a hash for a heading, asterisks for bold, a dash for a list. The file is readable without any software, and the site turns it into a page.
How we use it: Pages, case studies and articles of the studio site live in markdown files in git: editing the site means editing a text file. From the same files we build documentation in Word.
Read more →What it is: JavaScript with strict types: errors show up at build time, not in a visitor's browser. The standard for Nuxt and Vue sites.
How we use it: The studio site and the online store are written in it: types check that a product or case card is filled in correctly before the deploy.
Read more →What it is: An area of a web page where a script draws graphics itself: animations, charts, 3D scenes. It needs no external libraries, but has to be done carefully so a phone is not overloaded.
How we use it: On Valery Afanasiev's business-card site a 3D scanner is drawn on canvas 2D: up to 560 points per part, at most 30 frames per second, drawing only while it is visible, and a single static frame in data-saver mode.
Read more →What it is: A site header that tells the browser where fonts, scripts and images may be loaded from. The browser blocks everything else: foreign code cannot be slipped into the page, and the page does not call other people's servers.
How we use it: On the demo stand for a museum complex website the default-src 'self' policy forbids every external address: fonts, images and the map snapshot are on our own server, and the number of external loads can be checked right in the viewer's browser.
Read more →What it is: How a site works in several languages: each version has its own URL, the language is detected from the browser, and search engines understand that it is one page in different languages, not duplicates.
How we use it: The studio site on Nuxt: Russian with no prefix, English at /en. The @nuxtjs/i18n module detects the language on the first visit and remembers the choice in a cookie, every page has hreflang, and the English texts live in a separate folder with the same file names.
Read more →What it is: A small record a site leaves in the browser: remember the language, keep you signed in, count visits. Analytics counters on our sites switch on only after the visitor agrees, hence the cookie notice.
How we use it: On the studio site a cookie stores the chosen language, the online store's admin panel has its own session cookie on a separate subdomain, and on the «Дыхание Поволжья» site analytics loads only after consent. The video downloader bot uses a cookies.txt file for restricted YouTube videos.
Read more →What it is: Keeping a ready result so the same work is not done twice: the browser does not download styles and fonts again, the server does not rebuild the same page. The site opens faster and the server handles more visitors.
How we use it: On Valery Afanasyev's business-card site styles, scripts and fonts are cached for a year, while the page, robots.txt and the sitemap are always checked with the server, so edits show up at once. The online store has a separate Redis cache.
Read more →What it is: Images and heavy blocks are not loaded all at once but when the visitor scrolls to them. The first screen appears faster, and a phone does not waste data on what the visitor never sees.
How we use it: On the studio site product screenshots in cases and cover images load this way: the first screen opens at once and the rest arrives as you scroll.
Read more →