Публикации по теме 'nextjs'
Как создавать статические сайты в Next.js
Учебник по созданию статического сайта в Next.js с использованием getStaticPaths и getStaticProps
В этом руководстве мы рассмотрим, как мы можем создавать статические сайты в Next.js и использовать их в нашем приложении.
В Next.js при настройке статических маршрутов и динамических маршрутов необходимо определить маршруты в папке pages . Это необходимо для создания страниц до их рендеринга.
Если вы хотите освежить в памяти динамические маршруты Next.js, предлагаю вам прочитать..
reMarkable — на английском языке (благодаря международному успеху)
Генеральный директор и основатель reMarkable Магнус Вангберг начал путь к бумажным планшетам в 2013 году. Он увидел важность и необходимость писать на бумаге, поскольку это улучшает концентрацию внимания и задействует мозг на другом уровне.
С тех пор Вангберг и его коллеги разработали революционный способ делать заметки в цифровом виде. Их продукт reMarkable имеет несколько функций; преобразовывать рукописные заметки в текст, можно использовать в качестве доски во время совещаний,..
Осваиваем хук useState в React
вступление
Хуки появились в версии React 16.8. Это волшебное обновление React сделало классы почти устаревшими, поэтому многие разработчики с тех пор используют хуки и не оглядываются назад.
В этой статье вы узнаете:
Что такое крючки Основы использования State Hook Сохранение функций и использование предыдущего состояния Ленивое начальное состояние Спасение от обновления состояния Установщики состояния Prop Drilling Использование хука useState с TypeScript
Что такое..
Как заставить оптимизированные шрифты Next.js 13 работать с Tailwind CSS
Несколько недель назад Vercel выпустила Next.js 13, а вместе с ним невероятно полезный инструмент: Оптимизированные шрифты .
Это делает очень простым использование, например, Google Fonts в вашем приложении, с преимуществом самостоятельного размещения файлов. Это означает более быстрое время загрузки, большую конфиденциальность для пользователей и меньше проблем с ручной загрузкой шрифтов .
Вот как использовать функцию «Оптимизированные шрифты» с Tailwind в приложении Next.js 13...
Connext.js: глобальное промежуточное программное обеспечение и решение для маршрутов для Next.js
Если вы знакомы с созданием веб-приложений с использованием Next.js, возможно, вы столкнулись с очень распространенной проблемой: сложно реализовать глобальное и настраиваемое промежуточное программное обеспечение для ваших маршрутов API. В то время как Next.js предлагает простое создание маршрутов страниц, отсутствует поддержка легко написанного промежуточного программного обеспечения для конкретных маршрутов или глобального промежуточного программного обеспечения без добавления..
Переменная CSS со стилизованными компонентами
Легко используйте их в Next.js/React.js.
Поскольку я работаю с Next.js и Styled-components (также TypeScript , React, GraphQL, Apollo , Storybook и Storyblok CMS ), мне было интересно, можно ли использовать CSS переменная в Styled Components.
Как вы можете видеть в приведенном выше примере, это возможно и очень просто, как и в обычном CSS. Поэтому убедитесь, что переменная CSS создана в родительском компоненте. Его также можно создать на уровне страницы/макета, если..
SEO для Next.js: создание динамической карты сайта
Что такое карта сайта и почему она полезна для SEO?
Next.js набирает огромную популярность в веб-сообществе благодаря удобству для поисковых систем и простоте настройки. Хотя Next.js имеет множество полезных функций, вы можете сделать все возможное, создав карты сайта для своего веб-сайта и отправив их в различные поисковые системы. Погодите, а какие даже карты сайта?
Карта сайта - это файл, который содержит подробную информацию о страницах, видео и других файлах ресурсов на вашем..
Новые материалы
Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что это выглядит сложно…
Просто начните и учитесь самостоятельно
Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что он кажется мне сложным, и я бросил его. Это в основном инструмент..
Лицензии с открытым исходным кодом: руководство для разработчиков и создателей
В динамичном мире разработки программного обеспечения открытый исходный код стал мощной парадигмой, способствующей сотрудничеству, инновациям и прогрессу, движимому сообществом. В основе..
Объяснение документов 02: BERT
BERT представил двухступенчатую структуру обучения: предварительное обучение и тонкая настройка.
Во время предварительного обучения модель обучается на неразмеченных данных с помощью..
Как проанализировать работу вашего классификатора?
Не всегда просто знать, какие показатели использовать
С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..
Работа с цепями Маркова, часть 4 (Машинное обучение)
Нелинейные цепи Маркова с агрегатором и их приложения (arXiv)
Автор : Бар Лайт
Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..
Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
Как вы сегодня, ребята?
В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..
Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение.
В этом процессе мы будем использовать неконтролируемое обучение, чтобы..