Skip to content

Latest commit

 

History

History
95 lines (64 loc) · 7.25 KB

README.ua.md

File metadata and controls

95 lines (64 loc) · 7.25 KB

Документація на Aнглійській 🇺🇸.



Моє портфоліо

Цей веб-сайт є моїм портфоліо, яке містить багато інформації про мене як розробника та мої проєкти.

Зміст

Огляд проєкту

За допомогою цього веб-сайту ви можете ознайомитися з моїми навичками, сертифікатами та зв'язатися зі мною, відправивши електронного листа через форму.

Використані технології та бібліотеки

проєкт був реалізований за допомогою наступних технологій та бібліотек:

Next.js Typescript Next-intl Next-theme React React-dom React-hook-form React-hook-form-persist React-hook-form-resolvers React-three-drei React-three-fiber React-scroll React-tilt React-responsive React-icons Three.js Framer-motion Axios Buffer Postcss Dotenv File-loader Lottie-web Sharp Swiper Url-loader Wouter Yup Uuid-by-string

Реалізовано в проєкті наступну функціональність

  • SEO
  • навігація сайту
  • зміна теми
  • адаптивний дизайн
  • різні слайдери
  • поліпшена доступність
  • оптимізоване завантаження ресурсів
  • локалізація та інтернаціоналізація (L10n та i18n)
  • відправка інформації за допомогою форм (присутня валідація)
  • просте управління контентом (знайдіть весь текст у файлах en(uk).json)

Макети

головна сторінка сторінка "про мене" сторінка з навичками сторінка з проєктами сторінка з контактами

Знімки екрану

головна сторінка сторінка "про мене" сторінка з навичками сторінка з проєктами сторінка з контактами

Офіційна документація Next.js

Це Next.js проєкт, встановлений за допомогою create-next-app.

Початок роботи

Спочатку запустіть сервер розробки:

npm run dev
# або
yarn dev
# або
pnpm dev

Відкрийте http://localhost:3000 у вашому браузері, щоб побачити результат.

Редагування сторінки можна розпочати, змінивши app/page.tsx. Сторінка автоматично оновлюється під час редагування файлу.

Цей проєкт використовує next/font для автоматичної оптимізації та завантаження шрифту Inter, власного шрифту Google.

Дізнайтеся більше

Щоб дізнатися більше про Next.js, перегляньте наступні ресурси:

Ви можете перевірити репозиторій Next.js на GitHub - ваші відгуки та внески вітаються!

Розгортання на Vercel

Найпростіший спосіб розгорнути свій додаток Next.js - використовувати платформу Vercel від творців Next.js.

Перегляньте нашу документацію з розгортання Next.js для отримання більше деталей.