Фронтенд smashup.ru
Документация к бэкенду доступна тут
Макет в Figma доступен тут
Для начала установите все зависимости
yarn install
Далее, для работы OAuth через ВКонтакте, нужно создать .env файл и заполнить его, как показано в .env.example
NEXT_PUBLIC_HOSTNAME=http://localhost:80
NEXT_PUBLIC_VK_APP_ID=66666666
NEXT_PUBLIC_VK_REDIRECT_URL=$NEXT_PUBLIC_HOSTNAME/redirect
- NEXT_PUBLIC_HOSTNAME - доменное имя
- NEXT_PUBLIC_VK_APP_ID - айди созданного приложения ВКонтакте, можно посмотреть тут
- NEXT_PUBLIC_VK_REDIRECT_URL - путь для редиректа после авторизации, должен совпадать с указанным в приложении ВКонтакте, можно посмотреть тут
После установки зависимостей и заполнения .env файла запустите дев. сервер
yarn run dev
Откройте http://localhost:80 чтобы увидеть результат.
Для того, чтобы добавить новую тему, зайдите в tailwind.config.ts и пропишите её в конфиге плагина tailwindcss-themer. В качестве примера там имеется test-theme.
Для того, чтобы применить тему, добавьте в тег каждого из существующих
layout.tsx (root, auth, not found) className='test-theme'
.
Для добавления нового языка перейдите в src/i18n.config.ts и добавьте новый язык в
export const locales = ['ru', 'en'] as const;
После этого создайте соответствующий json файл в src/locales. Формат можно посмотреть в src/locales/ru.json.