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


Next.js Интервю Q/A
Здравейте хора ✋, Искам да подготвя някои въпроси и отговори за интервю с Next.js. В момента подготвям интервю за позиция Frontend Developer. Надявам се, че това може да бъде полезно за започване на ✌ Какво е Next.js и какви са основните му характеристики? Next.js е базирана на React рамка за изграждане на сървърно изобразени или статично експортирани уеб приложения. Неговите ключови характеристики включват автоматично разделяне на код, оптимизирана производителност, лесно за..
React NextJS Създайте клонинг на потребителския интерфейс на Instagram — Заглавка и подсказка, част 8
Част 8 Добавете анимацията към подсказката В тази статия ще добавим анимацията към подсказката.
Динамично маршрутизиране в приложенията Next.js
Динамично маршрутизиране в приложенията Next.js В уеб разработката създаването на динамично и персонализирано съдържание е от съществено значение за предоставянето на ангажиращи потребителски изживявания. С Next.js, популярна рамка на React, динамичното маршрутизиране става лесно. В тази статия ще се потопим дълбоко в динамичното маршрутизиране в Next.js, разбирайки важността му и изследвайки различни техники чрез лесни за следване примери на код. Какво е динамично маршрутизиране?..
Как да добавите динамични и адаптивни банери към приложение Next.js
Един от начините да популяризирате нови продукти или да съобщите на клиентите за нова продажба е да покажете банер на страницата на уебсайта си с тази информация. Тази статия ще разгледа как да добавите три вида банери към приложението, създадено с Next.js. Тези типове се определят от позицията им на страницата: в центъра, отдолу и отгоре. За да направите банерите динамични, съдържанието и персонализирането за тях могат да бъдат извлечени от CMS. В моя случай това е ButterCMS, но може да..
Спрете да създавате REST API за вашите приложения Next.js, вместо това използвайте tRPC
Запознайте се с tRPC: инструмент за изграждане на API с цялостна типова безопасност. Когато за първи път започнах да разработвам приложения с пълен стек, изграждах и управлявах свои собствени REST API. Започнах да ги създавам в Java със Spring, след това преминах към .NET, след това към Node.js с Express и дори се занимавах малко с Django. Да се ​​каже, че управлението на два различни проекта на различни езици (понякога) е тромаво, би било леко казано. Въведете tRPC, инструмент за..
Гетсби и Next JS : Моят опит
Днес споделям моя опит с използването на рамките Gatsby JS и Next JS Gatsby JS: GatsbyJS е генератор на статичен сайт. Той извършва предварително изграждане и връща статични файлове (HTML, CSS, JS) като резултат. Това означава, че задната част изпълнява работата от страната на сървъра веднъж на етапа на изграждане (освен случаите, когато клиентът в браузъра поиска API). Характеристики: Поддръжка на статично генериране на сайтове Поддържа рендиране от страна на клиента..
Създайте страница за вход в Instagram с Next.js и TailwindCSS, част 4— Създайте плаващ етикет
Използвайте разширението tailwindCSS В тази статия ще добавим плаващ етикет, така че когато потребителят щракне върху полето за въвеждане, то точно като контейнера става етикет. Тук също ще използваме конфигурацията на tailwind, за да разширим темата. Ще видите, че дори да използваме text-xs , текстът все още не е достатъчно малък, за да работи като етикет. Така че трябва да създадем собствено име на клас.