Живая демонстрация: L.EKRZEPTOWSKI.PL.
Используемые библиотеки:
- Nextauth.js – аутентификация для Next.js
Реагистрировать запрос – используется для получения данных и управления государством
Форма реагирования крюка – используется для управления и проверки состояния URL-ввода URL
Cipwind CSS – CSS Framework, используемая для стилизации
Я хотел бы услышать ваши отзывы об этом приложении. Вы также можете представить свои идеи в этот проект, способствуя этому.
Вот ссылка для репо GitHub:
Кризептовски/Орл
Современная сочетание ссылок
Shoturl – это современная коробка связи на основе Next.js
Демо: http://l.jkrzeptowski.pl/
Начиная
1. Скачайте код этого репозитория, клонируя его:
git clone https://github.com/saj96n/surl.git
2. Затем перейдите к каталогу клонированного репозитория и установите необходимые зависимости:
cd surl npm install # or yarn install
3. Настройка переменных среды:
- Database_url.: URL-адрес подключения к базе данных MySQL ( https://www.prisma.io/docs/concepts/database-connectors/mysql/#connection-details )
- Nextauth_url: URL-адрес приложения
- Next_public_origin: URL-адрес приложения
- Next_public_matomo_url: URL-адрес экземпляра MatoMo (необязательно)
- Next_public_matomo_site_id: ID сайта MatoMo (необязательно)
4. Настройте провайдеры аутентификации в соответствии с:
https://next-auth.js.org/configuration/providers
5. Наконец запустите приложение в среде Dev или в производстве:
npm run dev # or npm run build npm start
Оригинал: “https://dev.to/ekrzeptowski/i-built-a-link-shortener-app-with-nextjs-cnh”