Свързани публикации '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, изпълняваме следната команда в основната..