Свързани публикации 'nextjs'
Как да получите текущия URL адрес в Next.js
За да получите текущия URL адрес в Next.js, използвайте window.location.href :
src/app/page.tsx
'use client';
import React from 'react';
export const metadata: Metadata = {
title: 'Next.js - Coding Beauty',
description: 'Next.js Tutorials by Coding Beauty',
};
export default function Page() {
const urlRef = useRef<string>('');
const { pathname } = useRouter();
useEffect(() => {
urlRef.current = window.location.href;
}, []);
return (
<main>..
Подобрете производителността на вашето приложение Next.js за 10 минути
Въведение
Всички знаем, че Next.ks е доста тежък, особено в сравнение със Svelte Kit или Nuxt.js и оптимизацията не е любимото нещо на всеки. Собственикът на вашия продукт може да не иска да губи време за оптимизиране и да предпочете функции за доставка. Вашият QA и тестер може да не искат да тестват регресионно всички функции, които може да бъдат засегнати.
Тази статия е прост урок за оптимизиране на Next.js, така че можете да постигнете по-добра производителност, резултат на..
Изследване на Next.js 13 сървърни компоненти
Кратък преглед на бета функциите на Next.js 13
Next.js 13 се появи по малко объркващ начин. Добавени са много забележителни неща; обаче, голяма част все още е бета. Въпреки това бета функциите ни дават важни сигнали за това как ще бъде оформено бъдещето на Next.js, така че има основателни причини да ги следите отблизо, дори ако ще чакате да ги приемете.
Тази статия е част от поредица от изживявания относно бета функциите. Нека днес играем със сървърни компоненти.
Превръщането на..
Какво е getStaticProps в Next.js и кога да го използвате
Какво е getStaticProps в Next.js и кога да го използвате
Next.js е много гъвкава библиотека на React, която помага при извличането и изобразяването на данни. Основната цел на Next.js беше да изгради SSR уебсайтове, които генерират HTML динамично през сървъра всеки път, когато получат нова заявка.
Има три различни начина за изобразяване на страницата или уебсайта с Next.js или извличане на данните:
Изобразяване от страна на клиента (CSR): Страницата първоначално се изобразява от..
Първо впечатление от NextJS 13 след 5 месеца неизползване
Бях уеб разработчик, основно използвайки NextJS, за около 1 година, докато не поех мобилна роля на сегашната си работа. Минаха пет месеца, без да се докосна до нищо свързано с уеб разработката. Излишно е да казвам - тъй като уеб разработката се развива бързо - че доста изостанах с промените. И така, ето моето лично мнение, докато изпробвах NextJS през последните 3-4 дни.
по-бързо?
Nextjs13 може да се похвали със своята скорост в сравнение с предишните си версии. За мен това не е..
Гетсби срещу NextJS: Кое трябва да използвате?
Позволете ми да започна с факта, че и двете рамки са невероятни и решават много от съществуващите проблеми или ограничения, които React има. Изненадващо, и двете споделят много подобни функции на OOTB, които ни позволяват като разработчици да създаваме производителни уеб приложения. Това обаче не беше така до съвсем скоро.
Само няколко актуализации/версии назад, и двете рамки имаха някои значителни разлики, които улесниха разработчиците да изберат една от двете, която има смисъл за..
Как да използвате променливи на средата в Next.js
Разгледайте как да използвате променливи на средата в Next.js.
Next.js — името не е ново за всеки разработчик, който е работил с React. Той направи разработването на СПА зони лесно, като имаше множество маршрути. Той също така помогна при SEO поради метода си за изобразяване от страна на сървъра.
Next.js предлага много функции на нас като разработчици, като върши тежката работа под капака. Сред многото функции, които ни предлага Next.js, една от моите лични фаворити е вградената..
