Почему долго работает Next.js-before-hydration? Каки есть советы по оптимизации?

Кто-нибудь знает библиотеку для того, чтобы прикрутить многоязычность к Next/React?

i18?

да, смотрел его, только не могу понять, зачем он тянет express в зависимостях? Или это считается нормой? Я раньше просто думал, что чем меньше библиотек в проекте, тем лучше

Если не хочешь тянуть лишние зависимости, то мультиязычность легко сделать на одном нексте, динамический роут pages/[lang] + HOC, который будет обрабатывать страницы под нужный язык + редирект с pages/index.js на pages/[lang]/index.js

hi everyone ! i am stuck with an error. ı implemented sitemap.xml.js  fıle in page folder. It is working in dev server but dont work in production. using vercel hosting. Can you help ?

import React from "react";
import axios from "axios";
import { API_URL } from "../lib/services"

const sitemapXML = data => {

 let projectsXML = "";
 let comUrlsXml = "";
 data.map(post => {
   const projectURL = https://example/${post.cSlug}/${post.pSlug};
   projectsXML += `
     <url>
       <loc>${projectURL}</loc>
       <priority>0.50</priority>
     </url>`;
 });

 data.map(post => {
   const comUrls = https://example/t/${post.cSlug};
   comUrlsXml += `
     <url>
       <loc>${comUrls}</loc>
       <priority>0.50</priority>
     </url>`;
 });


 return `<?xml version="1.0" encoding="UTF-8"?>
   <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
     ${projectsXML}
     ${comUrlsXml}
   </urlset>`;
};

class Sitemap extends React.Component {

}

export async function getServerSideProps({ res }) {
 process.env.NODE_TLS_REJECT_UNAUTHORIZED = "0";
 const data = await axios
   .get(`${API_URL}/post/get-slugs`)
   .then(response => response.data);

 res.setHeader("Content-Type", "text/xml");
 res.write(sitemapXML(data));
 res.end();
 return { props: { data } }
}

export default Sitemap;

i get error only prodcution

Спасибо, так понятнее

Как вы организуете обработку ошибок в проектах на NextJS?

Всем доброго времени суток: посоветуйте, как можно перейти на новую страницу без перезагрузки страницы? сейчас если использую link при клике осуществляется обновление страницы, а надо сделать как в чистом реакте

Я думаю, что ваша проблема связана с динамическими страницами, если это правда, прочитайте эту ссылку

если это не так, пожалуйста, покажите свой код

Господа программисты, может есть у кого время подсказать с проектом(не большим) на NextJs, нужно прикрутить TypeScript и Redux, а я NextJs учу как пару дней, а проект нужно здать завтра, мне чисто базовый каркас помочь сделать, остальное сам, заранее спасибо(Просто плюсоните сюда в чат, я напишу в лс Вам)

Если проект новый, просто добавь поддержку тс: https://nextjs.org/docs/basic-features/typescript, если старый, то разверни новый/обнови и мигрируй компоненты в новую структуру. Пример с редаксом есть в офф репе некста: https://github.com/vercel/next.js/tree/canary/examples/with-redux, а как юзать тс с редаксом есть хорошая статья в интернете:
https://redux-toolkit.js.org/usage/usage-with-typescript
https://github.com/piotrwitek/react-redux-typescript-guide

дерзай, времени то у тебя вагон

Как можно подрубить nextjs в свою сборку вебпака? Типо так же как реакт/тайпскрипт или нужны какие-то махинации? Где можно почитать про это или подскажите здесь в чате пжлст

никак, это фреймворк, а не библиотека

И получается все что я могу это создавать через yarn next create app и на этом всё? И уже в его конфиге добавлять то что мне необходимо?