Всегда хотел создать свой полноценный личный сайт — не просто резюме на GitHub Pages, а индексируемый в поисковиках проект с возможностью оставить заявку. Главное условие: стоимость хостинга должна быть равна 0 рублей. Единственные возможные затраты — это домен (я взял свой за 300 рублей/год на Reg.ru).
Прежде чем писать код, я определил ключевые требования:
? Нулевая стоимость хостинга. Все должно работать на бесплатных тарифах.
? Функционал обратной связи. Чтобы потенциальные клиенты или работодатели могли легко связаться со мной.
⚡ Простой и легкий бэкенд. Минимум сложностей с серверной частью.
? Интеграция с Strapi? (Опционально). Зависит от того, как часто будет обновляться контент.
Также нужно определиться со стеком технологий:
Технология |
Для чего? |
|---|---|
Next.js |
SSR, SEO, современный React-фреймворк. |
Tailwind CSS |
Быстрая и удобная стилизация. |
React Hook Form + Zod |
Управление формами и строгая валидация. |
Framer Motion |
Простые и красивые анимации. |
FSD |
Чистая и масштабируемая архитектура проекта. |
GitHub |
Хранение кода и система контроля версий. |
Vercel |
Бесплатный и простой деплой. |
BotFather |
Уведомления о заявках в Telegram. |
Этот проект задуман как гибкий. Вы можете брать отдельные части стека или повторить весь путь со мной, адаптируя решение под свои нужды.
P.S. В процессе coding'a я наверняка столкнусь с непредвиденными сложностями, о которых подробно расскажу в следующих статьях.
P.P.S. Уже есть стартовый код, и форма обратной связи успешно отправляет заявки! В следующей части поделюсь ссылкой на репозиторий, и вы сможете протестировать всё сами. Если хотите связаться — смело заполняйте форму на готовом сайте sadbatya ! :) И Телеграмм Канал - тут будет вся актуальная информация
s00d
Мы в команде со всех этих nest и nuxt переходим на astro, советую тоже на него посмотреть, в связке с deno все будет работать в несколько раз быстрее и проще, astro это статичный фреймвврк, но также на нем можно сделать что-то вроде серверного рендеринга
SadBatya Автор
да, в последнее время очень часто слышу про Astro и думаю попробовать его как нибудь. А так спасибо большое за совет и + на пост ❤️
MAXH0
Вот здесь описан очень быстрый и простой фреймворк https://habr.com/ru/articles/150594
Не смотря на то, что статье более 10 лет, фреймворк по прежнему актуален и хорошо поддерживается. Хотя многие примеры из статьи устарели, в Сети содержится подробная и полная документация по новому синтаксису.
nin-jin
Ожидал увидеть там что-то более современное.