Кейс-лендинг

От идеи до продакшена

Я реализовала этот проект с нуля: от идеи до деплоя на виртуальной машине с HTTPS.

Этот сайт не просто страница, а результат полного процесса разработки: планирование, код, git, деплой и запуск на реальном сервере.

Посмотреть процесс Репозиторий

Задача

Мне нужно было создать проект с нуля, использовать Codex, вести работу в git, задеплоить приложение на виртуальную машину, подключить домен и настроить HTTPS.

разработка с нуля
работа с git
деплой на VM
подключение домена
настройка HTTPS

Мой подход

Я решила сделать не просто лендинг, а кейс, который показывает весь процесс разработки.

Простая идея

Сфокусировалась на понятной концепции, которую можно реализовать быстро и качественно.

Чистая реализация

Минималистичный интерфейс и аккуратная структура кода.

Полный цикл

Довела проект до продакшена: от разработки до доступности по домену.

Что я использовала

Codex

Помог ускорить разработку и генерацию кода

Git

Для контроля версий и структуры работы

GitHub

Хранение репозитория

Next.js / React

Основа приложения

TypeScript

Более предсказуемый и аккуратный код

Tailwind CSS

Быстрая и чистая стилизация интерфейса

VM

Сервер, на котором работает приложение

Nginx

Отдача сайта и маршрутизация запросов

HTTPS

Безопасный доступ к сайту

Как я это делала

Идея

Выбрала формат лендинга-кейса

Разработка

Собрала интерфейс с помощью Codex

Структура проекта

Организовала код, секции и компоненты

Git workflow

Сохраняла изменения и вела проект через репозиторий

Деплой

Развернула проект на виртуальной машине

Домен и HTTPS

Подключила домен и настроила безопасное соединение

Как работает деплой

Приложение развёрнуто на виртуальной машине и запускается из кода, который хранится в репозитории.

Локальная разработка→

GitHub→

Сервер→

Домен→

HTTPS

Обновление проекта происходит через получение актуального кода из репозитория, пересборку приложения и перезапуск процесса на сервере.

Сценарий деплоя

Что есть в проекте

адаптивная верстка

чистая структура компонентов

минималистичный UI

воспроизводимый деплой

подключённый домен

HTTPS

Результат

Я создала лендинг с нуля, настроила git-процесс, развернула приложение на виртуальной машине и обеспечила доступ к нему через домен с HTTPS.

Этот проект демонстрирует полный цикл разработки: от идеи до работающего продукта.