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


Проблеми със страниците на Cloudflare и React Hydration само в потребителски домейн!
Най-вероятно проблемът, с който се сблъсквате, не е поради вашия код, а поради някаква услуга на Cloudflare, която променя вашия код, за да защити вашия код! 😅 да! Върви се в пълен кръг (затова изображението)! В крайна сметка грешките са там, за да ви защитят! 😂 Нека засенча малко светлина... Имам уеб приложение Next.js , хоствано на Cloudflare — за по-лесно нека го наречем example.com , а домейнът на страниците му в Cloudflare да бъде example.pages.dev..

Отключване на силата на наблюдаемостта: Кратко въведение в използването на OpenTelemetry
Безкрайното пътуване към производително, ефективно доставяне на интерактивно съдържание доведе до обширна, богата екосистема от продукти, които се борят за вниманието на разработчиците, и всеки продукт има свое собствено уникално решение. От възможността за възобновяване на Qwik до React Server Components и тяхната способност все повече да локализират код и да размиват границите между предния край и базираните на сървъра операции, сеизмичните промени настъпват в пейзажа на javascript...

Как да започнете с Chakra-UI
Какво е Chakra-UI? Chakra UI е библиотека с модулни компоненти, която съдържа прост API, който дава възможност да се правят приложения, без да се налага да се притеснявате за изграждането на самите компоненти. Той използва Emotion за стилизиране и персонализиране, което позволява на разработчиците да стилизират вътре в детайлите със стилови реквизити. Компонентите също са съвместими с тъмен режим и използват оформление на кутия и стек. Инсталация Ще използвам nextjs. yarn..

Как да създадете ново приложение NextJS
Как да създадете ново приложение NextJS NextJS е рамка на React, която прави разработката на webapp по-лесна. Можете дори да създавате мобилни приложения върху него (въпреки че това не е основната му цел.) Гледайте: Как да създадете ново приложение NextJS (само 2 минути) ЗАБЕЛЕЖКА: ще трябва да се уверите, че NodeJS вече е инсталиран на вашата система. Инсталирането на NodeJS също ви дава команда npx .

Преходи на страници в Next.js
След като успешно обсъдихме използването на View Transitions API с Vanilla JavaScript и след това с ReactJS, за анимиране на преходи между различни маршрути (или изгледи) на нашето приложение, ще преминем стъпка по стъпка в нов урок със същата тема , Но сега ще използваме NextJS 13 с новата структура на App Router, Всичко това, използвайки само CSS, не са необходими допълнителни библиотеки на трети страни. Съдържание Какво представлява API за преглед на преходи Дали View..

Как да предавате поточно OpenAI API отговори в реално време — Next.js 13.2, GPT-3.5-Turbo и Edge функции
Научете как да изградите уеб приложение, което позволява на потребителите да изпращат подкани към OpenAI API и предава поточно отговора обратно към потребителите с Nextjs 13.2, като използва директорията на приложението и манипулаторите на маршрути. В тази публикация ще проучим как да подобрим потребителското изживяване на уеб приложение чрез поточно предаване на OpenAI API отговори, използвайки най-новия технологичен стек, включително Nextjs 13.2, GPT-3.5-turbo и Edge Functions. Ще..

3 React Repos, които заслужиха моята GitHub звезда
Преди да започнете: не забравяйте да ме следвате в Twitter , често ще публикувам повече библиотеки там! next-startd Шаблон на целевата страница Next.js TypeScript за вашите SaaS продукти Много разработчици в днешно време изграждат нещо, SaaS или онлайн услуга; и много пъти в Twitter съм виждал хора да се оплакват, че нямат лесно решение за целева страница и биха започнали да разчитат на решения без код като WebFlow или Wix , които са добре, но скъпи, не супер лесно и не е..