Публикации по теме 'nextjs'


Начало работы с Next.js: руководство для начинающих.
Вы веб-разработчик и хотите создавать быстрые, динамичные и оптимизированные для SEO приложения? Если да, то Next.js может стать вашим следующим лучшим другом. Next.js — это мощная среда React, которая позволяет с легкостью создавать приложения React, отображаемые на сервере и статически экспортируемые. В этом руководстве мы познакомим вас с основами начала работы с Next.js, а также приведем фрагменты кода, которые помогут вам сразу же приступить к работе. 1. Установка и настройка: Для..

Управление состоянием в Next JS 13 App Router
Next.js, фреймворк JavaScript, разработанный Vercel, приобрел огромную популярность благодаря своей способности беспрепятственно сочетать лучшее из React и рендеринга на стороне сервера (SSR). Интегрируя рендеринг на стороне сервера с компонентной архитектурой React, Next.js предлагает разработчикам мощный набор инструментов для создания быстрых, интерактивных и оптимизированных для SEO веб-приложений. Кроме того, Next.js 13 включает в себя последние достижения в экосистеме React,..

CORS в NextJS
Настройка CORS всегда является проблемой для людей, которые не имеют опыта работы с серверными приложениями. К счастью, не у меня, а у Верселя . У меня есть несколько проектов на Vercel, где я могу размещать клиентские приложения, созданные на ReactJS, NextJS, Gatsby и т. д. Недавно я обнаружил, что на Vercel можно также размещать бессерверные функции. Эти бессерверные функции не что иное, как открывают доступ к сценариям на стороне сервера NodeJS. Вы можете создать сервер и..

Что такое Front Matter и как его использовать для создания динамических веб-страниц
Одним из самых больших сдвигов в сознании, связанных с изучением кода, является идея автоматизации вместо ручного труда. Будь то наша система образования или слишком много Excel, мы в значительной степени обусловлены делать что-то сложным и повторяющимся способом, даже не задаваясь вопросом, существует ли более простой способ. Этот подход к любой задаче распространяется на создание веб-сайтов для таких элементов, как страницы продуктов на рынке и блоги. Естественной реакцией на..

Получение данных Github с помощью Github GraphQL API и клиента Apollo
Демо этого проекта находится здесь Недавно я добавил новый раздел статистика на свой личный веб-сайт, где я буду делиться показателями своей учетной записи на таких платформах, как Youtube, Github, Unsplash и других. На днях я хотел получить статистику своей учетной записи GitHub, такую ​​как количество звездочек и вилок, из GitHub API, и обнаружил, что в дополнение к REST API есть API GraphQL, предназначенный для получения статистики. ПРИМЕЧАНИЕ. Между GraphQL и REST API и..

Создание бизнеса с нуля   день 16
Добро пожаловать на шестнадцатый день журнала сборки useaffiliates.com ! В этой серии рассказывается о моем путешествии по созданию публичного бизнеса с нуля. Если вы пропустили пятнадцатый день, вы можете проверить это здесь . Я также загрузил сегодняшний Twitch стрим на YouTube , если хотите посмотреть повтор. Мы в бета-версии (ПОМОГИТЕ)! 🥳 Через неделю после выпуска альфа-версии мы официально находимся в бета-версии! 💥 Было не так много отзывов об альфа-версии, но,..

Практический пример использования MongoDB Atlas Search
Узнайте, как использовать MongoDB Atlas Search. Допустим, вы собираетесь создать проект, в котором много всего, например, блог, коллекциями в вашей базе данных могут быть «пользователи» и «сообщения», и одного этого достаточно для вашей базы данных. Теперь, когда ваш сайт растет, вы можете захотеть: Реализуйте функцию, которая извлекает сообщения, похожие на то, что пользователь только что прочитал, на основе ключевых слов, чтобы удержать пользователя на вашем сайте. Вам также..