Фронтенд 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.