Свързани публикации 'nextjs'


5 полезни Next.js трика, които да добавите към кутията си с инструменти
Създаване на скриптове, зареждане на външен JavaScript, пренасочвания и др. Next.js се развива. С течение на времето той получава все по-готини функции. Ето 5 трика, които може би още не сте знаели. 1. Стартиране на скриптове в процеса на изграждане или разработка Този скрипт ще е необходим само когато стартираме npm run build , така че когато започнем процеса на изграждане. Скриптът няма да се изисква и изпълнява, когато сме в режим на разработка. За да бъде този пример..
Next.js 13
Vercel, компанията зад популярната рамка на React Next.js, пусна най-новата версия на рамката на 25 октомври 2022 г. Тази нова версия, Next.js 13, включва актуализации и подобрения на функции като оформление, извличане на данни и маршрутизиране , както и по-бърз пакет. Тези промени имат за цел да улеснят разработчиците да създават бързи, мащабируеми и надеждни уеб приложения с помощта на React. Една нова функция в Next.js 13 е въвеждането на сегменти от маршрути, което позволява на..
Изграждане на Slack клонинг, включително предварителни среди, използване на Next.js и Supabase
Изграждане на Slack клонинг, включително предварителни среди, използване на Next.js и Supabase TL;DR В този урок ще изградим приложение, подобно на Slack с пълен стек, с множество работещи услуги. Ние също така ще настроим среди за визуализация за всеки ангажимент във всеки клон, заедно с всички работещи услуги. (сигнал за спойлер — ако предпочитате да гледате направо кода, можете да проверите, че готовият продукт е в това репо ). За да направим това, ще използваме комбинация от..
Създаване на диаграма на Гант с React с помощта на Next.js
Създаване на диаграма на Гант с React с помощта на Next.js Диаграмата на Гант е инструмент за управление на проекти за координиране на сложни графици за големи или множество екипи. Използването на диаграма на Гант, която е базирана на JavaScript, има няколко предимства пред базираните на електронни таблици диаграми на Гант, като например: Лесна интеграция в съществуващи табла за управление на проекти. Споделяне на вашата диаграма онлайн. Персонализиране на вашата диаграма, за да..
Ефективно структуриране на SEO и форматиране на страница в Next.js
Организиране на вашето приложение Next.js и използване на компоненти. Представете си, че искате да използвате Next.js за създаване на приложение и че искате всяка страница да има отделна SEO стратегия, както и същия горен, долен колонтитул и навигационна лента. Какво можете да успеете да направите? Простата опция е да се изгради споделен компонент, който се извиква многократно на всяка страница. Но може да опитате това 👇 Надявам се, че вече сте разработили приложение Next.js,..
Общо ръководство за всеки фронтенд разработчик.
Общо ръководство за всеки фронтенд разработчик. Всеки преден проект, независимо дали е на NextJS или ReactJS, има някои насоки, които всеки разработчик трябва да следва, за да направи проекта си стабилен и поддържаем. така че ето някои насоки за всеки преден проект т. Следвайте принципа на SOLID. SOLID е основен фундамент на софтуерното инженерство и трябва да трябва да следвате във вашия код и проект. SOLID съкращение за : 1. S — Принцип на единична отговорност. 2. O —..
Next.js Localhost HTTPS настройка
Това ще бъде кратко, но трябва да е удобно за всеки, който се нуждае от настройка на HTTPS на localhost или още по-добре с потребителски домейн. Имаме нужда от local-ssl-proxy , прост SSL HTTP прокси, използващ самоподписан сертификат. npm install -g local-ssl-proxy Инсталирайте помощните програми за генериране на сертификат локално: brew install mkcert nss mkcert --install Обикновено, ако искаме да накараме localhost да работи на https, изпълняваме следната команда в основната..