Перейти к основному содержимому

Дополнительные рекомендации

Файлы переводов​

Разделяйте файлы переводов для страниц насколько это возможно, так как все переводы приходят в первом html, что может значительно увеличивать размер самого html документа. Например: Example

Результат в самом html выглядит примерно так:

Example

Деструктуризация​

Используйте деструктуризацию для глобальных обьектов, такие как router, formik, и другие.

const { push, replace, query } = useRouter();
const { values, handleChange } = useFormik({});

Кэширование​

Кэшируйте часто используемый контент.

export async function getServerSideProps({ req, res }) {
  res.setHeader(
    'Cache-Control',
    'public, s-maxage=10, stale-while-revalidate=59'
  );
  return {
    props: {},
  };
}