Size: a a a

Next.js — русскоговорящее сообщество

2020 June 26

V

Valentin in Next.js — русскоговорящее сообщество
Подскажите, а возможно ведь запрашивать данные не для страницы, а отдельных модулей которые могут быть встроены в страницы?
например один из вариантов интеграции на офф сайте https://github.com/vercel/next.js/blob/canary/examples/cms-contentful/pages/posts/%5Bslug%5D.js
как и другие там одна «широкая» апишка на всю страницу, я правильно понимаю что волшебные функции get*** можно использовать везде, а не только в pages?
источник

V

Valentin in Next.js — русскоговорящее сообщество
▲ Max Rovensky
Потому что Vercel теперь преимущественно SSG хост, и Next.js должен продавать Vercel
Я не особо согласен с таким подходом, но 🤷🏻‍♂️
Разве SSG плох? С ним комфортно работать вне Vercel комфортно?
источник

▲R

▲ Max Rovensky in Next.js — русскоговорящее сообщество
Valentin
Разве SSG плох? С ним комфортно работать вне Vercel комфортно?
Вне не работал, не скажу 😅
источник

V

Valentin in Next.js — русскоговорящее сообщество
ох, офф дока пишет, что можно… и на этом все)
источник

▲R

▲ Max Rovensky in Next.js — русскоговорящее сообщество
Но я не согласен с позицией что ВСЕ ДОЛЖНО БЫТЬ SSG ON THE EDGE™
источник

▲R

▲ Max Rovensky in Next.js — русскоговорящее сообщество
Я вообще терпеть не могу плейсхолдеры в вебе
Им место в нативе
Политика "отдать юзеру пустую страницу збс быстро" мне не нравится потому что страница, сука, пустая
Мне так и так надо ждать, дайте мне инфу сразу
источник

V

Valentin in Next.js — русскоговорящее сообщество
Valentin
Подскажите, а возможно ведь запрашивать данные не для страницы, а отдельных модулей которые могут быть встроены в страницы?
например один из вариантов интеграции на офф сайте https://github.com/vercel/next.js/blob/canary/examples/cms-contentful/pages/posts/%5Bslug%5D.js
как и другие там одна «широкая» апишка на всю страницу, я правильно понимаю что волшебные функции get*** можно использовать везде, а не только в pages?
я ведь могу использовать getStaticProps, getStaticPaths , getServerSideProps на всех компонентах? а не прокидывать по пропсам страницы? О_О
источник

V

Valentin in Next.js — русскоговорящее сообщество
▲ Max Rovensky
Я вообще терпеть не могу плейсхолдеры в вебе
Им место в нативе
Политика "отдать юзеру пустую страницу збс быстро" мне не нравится потому что страница, сука, пустая
Мне так и так надо ждать, дайте мне инфу сразу
блин я не в теме, еще не понял смысл SSG  кроме «красочного» функционала
источник

EI

Eduard Ilyaskin in Next.js — русскоговорящее сообщество
Valentin
я ведь могу использовать getStaticProps, getStaticPaths , getServerSideProps на всех компонентах? а не прокидывать по пропсам страницы? О_О
Нет, используете контекст тогда
источник

EI

Eduard Ilyaskin in Next.js — русскоговорящее сообщество
Чтобы не пробрасывать слишком много
источник

▲R

▲ Max Rovensky in Next.js — русскоговорящее сообщество
Valentin
блин я не в теме, еще не понял смысл SSG  кроме «красочного» функционала
Суть SSG в том, что он позволяет заливать статику на CDN и отдавать ее ибацца быстро
Проблема в том, что страница должна быть пустая т.к. данные достает JS, который подгружается после загрузки
Сходи на vercel.com/dashboard с выключенным JS, ты будешь вечно смотреть на плейсхолдеры
В случае с SSR, юзер дольше ждет первоначальной загрузки (т.к. страница отдается с сервера а не с ибацца быстрой CDN), но данные на месте все сразу даже до того как клиентский JS начнет грузиться
источник

V

Valentin in Next.js — русскоговорящее сообщество
▲ Max Rovensky
Суть SSG в том, что он позволяет заливать статику на CDN и отдавать ее ибацца быстро
Проблема в том, что страница должна быть пустая т.к. данные достает JS, который подгружается после загрузки
Сходи на vercel.com/dashboard с выключенным JS, ты будешь вечно смотреть на плейсхолдеры
В случае с SSR, юзер дольше ждет первоначальной загрузки (т.к. страница отдается с сервера а не с ибацца быстрой CDN), но данные на месте все сразу даже до того как клиентский JS начнет грузиться
ясн, спасибо
источник

▲R

▲ Max Rovensky in Next.js — русскоговорящее сообщество
Фактически по скорости загрузки оба метода - те же яйца (SSG на 2-10% быстрее за счет регионов в CDN)
источник

▲R

▲ Max Rovensky in Next.js — русскоговорящее сообщество
Но SSG субъективно быстрее т.к. пользователь раньше видит что-то
Ну т.е. ничего, но как бы похожее на что-то
источник

▲R

▲ Max Rovensky in Next.js — русскоговорящее сообщество
И лайтхаусу нравится
источник

🦜

🦜 in Next.js — русскоговорящее сообщество
▲ Max Rovensky
Но SSG субъективно быстрее т.к. пользователь раньше видит что-то
Ну т.е. ничего, но как бы похожее на что-то
Тут уже психология
источник

Н

НеКонстантин... in Next.js — русскоговорящее сообщество
Когда в браузере переходишь по кнопке назад, всегда вызывается getInitialProps. Можно ли это пофиксить, чтоб запоминалось состояние предыдущей страницы?
источник

O

Olexiy in Next.js — русскоговорящее сообщество
в чем проблема, использую styled-components
источник

AB

Artem Barshatskyi in Next.js — русскоговорящее сообщество
Olexiy
в чем проблема, использую styled-components
Покажи как используешь
источник

O

Olexiy in Next.js — русскоговорящее сообщество
Artem Barshatskyi
Покажи как используешь
сори, уже удалил проект, так как там началось что то не понятное с вебпаком
источник