https://github.com/danilsergeev/delta

https://github.com/danilsergeev/delta

bootstrap nextjs react styled-components

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/danilsergeev/delta
• Owner: DanilSergeev
• Created: 2024-10-29T10:58:16.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-09T18:27:07.000Z (about 2 months ago)
• Last Synced: 2024-11-20T20:53:44.207Z (about 2 months ago)
• Topics: bootstrap, nextjs, react, styled-components
• Language: TypeScript
• Homepage:
• Size: 4.55 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Delta

## Описание проекта

Этот проект представляет собой простой двухстраничный сайт, включающий главную страницу и страницу контактов с формой. 

### Основные технологии:

- **Фреймворк:** Next.js

- **Библиотека компонентов:** React-Bootstrap

- **CSS-in-JS:** Styled Components

- **Формы:** React Hook Form с валидацией через Yup

- **Ленивая загрузка:** React Lazyload

### Функциональные особенности:

- **Адаптивный дизайн:** Сайт адаптирован для мобильных и десктопных устройств.

- **Sticky Header и Footer:** Панель навигации и подвал всегда видны.

- **Встроенный YouTube видео:** На главной странице встроен видео с YouTube, оптимизированный для улучшения Largest Content Paint.

- **Форма с валидацией:** Все поля формы обязательны для заполнения, и они валидируются с помощью Yup.

- **Отправка данных на backend:** Данные формы отправляются на backend, который логирует их в консоль и отправляет ответ.

- **Отображение ответа:** После получения ответа от сервера на странице контактов отображается сообщение.

- **SEO и доступность:** Использование метатегов, корректная иерархия заголовков, оптимизация для Core Web Vitals.

- **Социальные метатеги:** Добавлены теги Open Graph и Twitter Cards для предварительного просмотра страницы в социальных сетях.

## Инструкции по установке проекта

### Клонирование репозитория

git clone https://github.com/DanilSergeev/Delta.git

cd Delta

### Переключение на ветку со статикой

git checkout client

### Установка зависимостей

npm install

### Запуск проекта в режиме разработки

npm run dev