Задать вопрос

dandan13

Ответы

  • Как сделать так, чтобы картинка в next.js (next/image) с blur плейсхолдером не загружалась заново каждый раз, когда ты заходишь на эту страницу?

    @dandan13 Автор вопроса
    Вообщем, у меня заработало после того как я стал импортировать картинки статично. Так, мне теперь не нужно использовать собственные blur placeholder картинки тоже, next.js сам создаёт их для меня. Также я увеличил время кеширования в next.config.js

    Выглядит всё примерно вот так: 

    import image1 from '../public/home-background-desktop.webp' //это статичный импорт

//это сама картинка
<Image
             placeholder="blur"
             src={image1}
             blurDataURL=""
             width={1600}
             height={1200}
             layout="responsive"
></Image>


    А это next.config.js Как видите minimumCacheTTL: 1200 это время для кеширования. 1200 секунд (20 минут вроде).

    module.exports = {
  ...nextTranslate(),
  images: {
    deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
    imageSizes: [16, 32, 64],
    minimumCacheTTL: 1200, 
  },
};
    Ответ написан
    Комментировать
    Комментировать

  • Как вы ограничиваете доступ к портфолио ваших работ по фротэнду на бесплатных хостингах?

    @dandan13 Автор вопроса
    Решил этот вопрос, да можно, ещё как, но нужно поколдовать. Скоро выложу свой темплейт с GitHub сюда, там MUI5 с Next.js с использованием собственной темы, правда вместо MDX просто JSON, но это сути не меняет. В MDX можно заворачивать собственные компоненты, не важно откуда они, главное, чтобы стайлинг с Material UI был настроен через ThemeProvider в _app.js, чтобы это работало по всему приложению, на всех путях (routes), ну и тема сама должна как props в приложения быть засунута.
    Ответ написан
    Комментировать
    Комментировать

  • Могу ли я использовать MDX (mdxjs) с MUI5 (Material UI 5) без каких либо дополнительных плагинов в Next.js проекте?

    @dandan13 Автор вопроса
    Решил этот вопрос, да можно, ещё как, но нужно поколдовать. Скоро выложу свой темплейт с GitHub сюда, там MUI5 с Next.js с использованием собственной темы, правда вместо MDX просто JSON, но это сути не меняет. В MDX можно заворачивать собственные компоненты, не важно откуда они, главное, чтобы стайлинг с Material UI был настроен через ThemeProvider в _app.js, чтобы это работало по всему приложению, на всех путях (routes). А сама MUI5 тема с theme.js, как переменная, должна быть в props в app_js прописана.
    Ответ написан
    Комментировать
    Комментировать