Как да направя сайт от нулата

Този сайт е първият проект. Не като пример, а наистина — построен е от човек, който преди това не беше писал ред код.

Затова тук няма да видиш гладък път. Ще видиш кои неща се счупиха, колко време отиде в тях и какво се оказа решението.

Няколко от капаните вече са платени и си струва да се знаят предварително. Един от най-глупавите: избрах шрифт за заглавията, който изглеждаше идеално — и после се оказа, че няма кирилица. Тоест теглеше се файл, който не рисуваше почти нито една българска буква.

Видеата по тази тема

Още няма записано видео по тази тема. Текстът горе е тук, защото е готов — видеото идва, когато го запиша. Няма да сложа връзка, която не води наникъде.

Целият канал — otnula

Какво е проверено и какво е предположено

Това разделение е част от обещанието на сайта. Ако нещо не съм пробвал сам, няма да го представя като факт.

Проверено — отворих, пуснах или прочетох сам

• Има шрифтове без кирилица, и това не пише отпред. Space Grotesk изглеждаше идеално за заглавия, а покрива само латиница — проверих го в Google Fonts API на 01.08.2026 и се оказа, че тегля файл, който не рисува почти нито една българска буква. Замених го с Manrope. Ако избираш шрифт за български сайт, това е първото, което се проверява.
• Шрифтовете имат цена в скоростта. Трите на този сайт удължават зареждането с около 0.8 секунди — мерено с Lighthouse, със и без тях. Не е повод да ги махна, но е повод да не станат седем.
• npm audit fix --force сваля Next.js до версия 9 от 2020 година. Изглежда като поправка на пропуск в сигурността, а е връщане пет години назад.
• Скоростта на този сайт днес е 82–86 от 100 по Lighthouse, при зареждане 2.6–2.8 секунди на телефон. Беше 90–91, преди да сложа анимациите на началната страница. Видях колко струват и реших да ги оставя. Пиша го, защото падналата оценка е част от разказа — иначе тук щеше да стои старото число, а то вече не е вярно.
• Сайтът работи и изглежда правилно на истински телефон. Гледан от мен — не в смален прозорец на компютъра, а на самото устройство.
• Vercel Hobby е безплатен, но само за нетърговска употреба. Ориентирите му са до 100 GB пренос и 1 милион извиквания месечно — за личен сайт е недостижимо далече.
• Целият този сайт върви на 0 лева на месец. Плаща се само домейнът, веднъж годишно.

Предположено — не съм го видял лично

• Че тези числа за скоростта важат и за теб. Lighthouse мери в лаборатория — сам си симулира бавна мрежа и слаб телефон. Как се зарежда сайтът при истински хора, с техните мрежи и устройства, ще се види едва когато има достатъчно посетители.
• Че сайтът изглежда добре на ВСЯКАКВИ телефони. Гледан е на моя. По-малък екран, по-стар телефон или друг браузър не са пробвани.