Публикации по теме 'nextjs'
Переменные среды в Next.js с dotenv
Настройка dotenv в Next.js
Существующая установка
Я работал над задачей по внедрению dotenv в наш проект. У нас были все переменные среды в отдельном файле ( .env ), и мы использовали его для ручного источника перед запуском приложения. Некоторое время это было нормально, но нам нужно было лучшее решение.
Исследовать
Поскольку мы используем Next.js в нашем проекте, я подумал о том, чтобы просто использовать его встроенную функцию для заполнения process.env , но у нее были..
i18n с Next.js 13 и каталогом приложений
На Next.js Conf команда Vercel анонсировала Next.js 13 , который представил новый каталог приложений . Он включает поддержку Макетов , Серверных компонентов , Потоковой передачи и Поддержка выборки данных .
Потрясающий! Next.js 13 выпущен ! Он кажется довольно быстрым и закладывает основу для безграничной динамики.
Запоздалые мысли…
Звучит неплохо, но, если заглянуть в каталог приложений, похоже, что это полностью новая установка Next.js… не совсем сравнимая со..
Расширенные концепции Next.js
Как разработчик, вы могли создать приложение Next.js, используя базовые концепции, такие как создание страниц и навигация по ним, обработка данных с помощью getStaticProps и getServerSideProps , и стилизация с помощью модулей CSS и стилизованных компонентов . Однако существует множество расширенных концепций Next.js, которые могут помочь вам создавать более сложные и мощные приложения. В этой статье мы рассмотрим некоторые из этих передовых концепций и предоставим..
Как настроить конвейер непрерывной интеграции с Github и Next.JS
Я хотел узнать немного больше о конвейерах непрерывной интеграции, поэтому воспользовался возможностью вместе с Николь Вудкок , работая над MB Javascript Hacks: Social Justice Hack Week .
Что такое непрерывная интеграция?
Непрерывная интеграция безопасно позволяет нескольким пользователям вносить свой вклад в один репозиторий на Github. По сути, непрерывная интеграция дает нам страховочную сетку, которая не позволяет нам внедрять плохой или сломанный код в нашу производственную..
Инкрементная статическая регенерация по запросу с помощью Next.js и Hygraph
Для своего личного веб-сайта я использую Hygraph (он же GraphCMS) в качестве безголовой CMS. Я использую рендеринг на стороне сервера (SSR) для извлечения и генерации маршрутов и содержимого статических страниц.
Next.js позволяет нам обновлять статические страницы после сборки приложения. Благодаря добавочной статической регенерации (ISR) мы можем использовать статическую генерацию для каждой страницы без необходимости перестраивать весь сайт!
С ISR мы получаем преимущества..
Генерация индивидуального платежа UPI QR-кода
Вариант использования
Недавно я был на вечеринке, оплатил сумму счета и должен был разделить чек с несколькими людьми.
Общение о том, сколько .. куда перевести, какое приложение использовать, а что нет .. было больно!
- Вместо -
Покажите QR-код, который работает во всех приложениях, отсканируйте -> получите оплату -> готово
Генератор
Живая демонстрация: https://upi-qr.vercel.app/ Исходный код: https://github.com/Jeevan-Kishore/upi-qr-generator
Архитектура..
Новые материалы
Конфигурация Gulp для WordPress - Часть II
Здесь мы переходим ко второй части руководства по настройке Gulp для оптимальной разработки WordPress. Если вы пропустили первую часть, где мы установили все модули, необходимые для задач,..
LACTF — сеть/метавселенная
В lactf я смог решить задачу веб/метавселенной.
Ниже приведен исходный код, предоставленный здесь
Из исходного кода видно, что флаг — это отображаемое имя администратора...
GraphQL — Язык запросов — Часть 1
Первое, что нужно знать: GraphQL — это спецификация (как она должна работать и выглядеть), а не реализация. GraphQL не нужно устанавливать, вы реализуете его с помощью серверной библиотеки,..
Будущее машинного обучения в Индии
Будучи связанным с интенсивно развивающимся языком, непрерывные технологические достижения наверняка поразят сектор машинного обучения, который вот-вот сформирует долгосрочную перспективу машинного..
Сравнение Clojure IDE — Emacs/Cider и IDEA/Cursive
Введение
Недавно я редактировал сообщение в блоге, в котором брал интервью у жителей Метосинии относительно их любимых редакторов Clojure . Было довольно интересно увидеть, что используется..
Строки, регулярные выражения и шаблонные литералы — Часть 1 | Понимание ES6
Строки, несомненно, являются одним из самых важных типов данных в любом языке программирования.
Строки есть практически в каждом языке программирования, и научиться их эффективному..
7 признаков того, что вы все еще начинающий веб-разработчик
В этой статье я расскажу о 7 признаках того, что вы все еще начинающий веб-разработчик. Это вещи, в которые время от времени могут впадать даже опытные разработчики, поэтому не беспокойтесь,..