Публикации по теме 'nextjs-13'
Как развернуть проект NextJs на сервере.
Отредактируйте файл package.json .
"scripts": {
"dev": "node server.js",
"prod": "node server.js",
"build": "next build && next export",
"start": "NODE_ENV=production pm2 start server.js --watch",
"export": "npm run build && next export"
},
2. Создайте server.js .
“ npm install express ”
const express = require('express');
const next =..
3D-сайт в Next js 13 с загрузчиком
Сделайте свой сайт уникальным , добавив 3D-модели. Но для загрузки 3D-моделей требуется время, поэтому теперь мы добавим 3D модель в Next js 13 и добавим загрузчик.
npx create-next-app@latest
Теперь загрузите 3d модель с https://sketchfab.com/ или у кого-то подобного и после загрузки вставьте их в общую папку.
Теперь следующий шаг: добавьте пакеты:
npm install three @react-three/fiber @react-three/drei
Теперь создайте папку компонента и назовите файл model.jsx.
в..
Изучение последних функций и улучшений в Next.js 13: практическое руководство
Next.js, платформа с открытым исходным кодом для создания серверных приложений React, постоянно развивается, чтобы удовлетворить потребности разработчиков. В последней версии, Next.js 13, представлено несколько новых функций и улучшений, упрощающих создание быстрых, масштабируемых и современных веб-приложений. В этой статье мы подробно рассмотрим, что нового в Next.js 13, и предоставим практические примеры кода для каждой новой функции.
1 — Автоматическая статическая оптимизация:..
Next.js объяснил шестилетнему ребенку
Next.js объяснил шестилетнему ребенку
Хотите изучить самый популярный и революционный в отрасли фреймворк?
Next.js — это инструмент, который помогает людям создавать действительно крутые веб-сайты с помощью React. Это как волшебная палочка, благодаря которой веб-сайты работают лучше, а страницы отображаются быстрее. Используя рендеринг на стороне сервера и создание статического сайта, Next.js может помочь улучшить поисковую оптимизацию (SEO), напрямую предоставляя статические..
Высвобождение Next.js 13: революция обработки на стороне сервера с помощью действий сервера
В Next.js 13 появилась новая мощная функция, известная как действия сервера, разработанная командой Vercel. Эта передовая возможность позволяет разработчикам выполнять серверные функции, которые могут быть легко вызваны из клиента, отражая простоту обычных функций. Обеспечивая выполнение кода на сервере без необходимости в сложных конечных точках API, действия сервера обещают революционизировать обработку на стороне сервера в Next.js.
Настройка действий сервера:
На момент..
Следующие 13, какие новости?!
Next.js – это известная веб-инфраструктура на основе React, популярность которой в последние годы возросла .
В Next.js 13 представлены захватывающие новые функции и улучшения, которые делают его еще более мощным инструментом для разработки современных веб-приложений. В этой статье мы рассмотрим самые последние обновления Next.js 13 и их значение для разработчиков.
Добавление Next.js Live — одно из самых значительных изменений в Next.js 13. Эта новая функция позволяет разработчикам..
Разочарование в NextJS 13 (кэширование)
В последнее время было много споров вокруг NextJS 13, в частности, большой гнев сообщества был направлен на App Router. Я хотел изучить это разочарование и поделиться некоторыми своими взглядами.
Кэшируется по умолчанию
В недавнем видео Josh Tried Coding (кстати, отличный канал — поставьте лайк и подпишитесь) он исследует поведение кэширования NextJS 13 на простом примере. Вот разбор кода для удобства
import Link from 'next/link';
export default function IndexPage() {
return..
