Телеграмм чат группы nextjs

2019 August 21

SB

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

🦜

можешь через прототипное наследование

Лучше уж на классах тогда пускай будет :)

источник

19:30пожаловаться #1

2019 August 22

ᐺ

ᐺ ! ᖇ ᖶ ᒪ in Next.js — русскоговорящее сообщество

чуваки, я написал кастомный серв на next.js и koa, но там не работает загрузка файлов. в форме проблемы нет, в ней есть содержимое в запросе, что-то с multer не то.

issue на гитхабе: https://github.com/koajs/multer/issues/3

файл с кодом сервера: https://github.com/talentlessguy/DirHub/blob/master/index.js

GitHub

[help] It doesn't parse my form :( · Issue #3 · koajs/multer

I want to parse my form using @koa/multer + koa-router but it doesn't seem to be working. Here's the form code: Drag your project here<...

источник

09:19пожаловаться #2

ᐺ

ᐺ ! ᖇ ᖶ ᒪ in Next.js — русскоговорящее сообщество

ну или в форме есть проблема, но это уже связано с Dropzone.js

хочу убедиться что в беке всё ок

источник

09:20пожаловаться #3

IS

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

А я юзаю связку дропзон+Cloudinary

источник

12:26пожаловаться #4

IS

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

Сразу с клиентской части туда выгружаю

источник

12:26пожаловаться #5

Б

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

всем привет изучаю next.js

class About extends React.Component {
 state = {
  title: 'Next.js example About'
 };
 render() {
  return (
   <Container maxWidth="sm">
    <Box my={4}>
     <Typography variant="h4" component="h1" gutterBottom>
      {this.state.title}
     </Typography>
     <Link href="/">Go to the main page</Link>
     <ProTip />
     <Copyright />
    </Box>
   </Container>
  );
  {
  }
 }
}
export default () => {
 return <About />;
};

Почему роутер <Link /> не матчит сам компонент нужно обязательно возвращать его из отдельной функции

источник

15:01пожаловаться #6

I

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

export default About

источник

15:02пожаловаться #7

Б

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

сорри))

источник

15:04пожаловаться #8

Б

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

Парни, а чем отличается next.js от альтернативного способа внедрение SSR в реакт приложение где юзается ReactDOM.hydrate и отдельльный конфиг server.js c примерно такими настройками

const html = ReactDOMServer.renderToString(
    sheets.collect(
      <ThemeProvider theme={theme}>
        <App />
      </ThemeProvider>,
    ),
  );

  const css = sheets.toString();

  res.send(renderFullPage(html, css));

иногда даже грузится стор там же и уже с заполненым стором вызывается renderFullPage

источник

15:08пожаловаться #9

▲

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

Бурчик

Парни, а чем отличается next.js от альтернативного способа внедрение SSR в реакт приложение где юзается ReactDOM.hydrate и отдельльный конфиг server.js c примерно такими настройками

const html = ReactDOMServer.renderToString(
    sheets.collect(
      <ThemeProvider theme={theme}>
        <App />
      </ThemeProvider>,
    ),
  );

  const css = sheets.toString();

  res.send(renderFullPage(html, css));

иногда даже грузится стор там же и уже с заполненым стором вызывается renderFullPage

next.js - сахар над всей фигней которую обычно делаешь руками каждый раз

источник

15:12пожаловаться #10

I

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

почему-то с сео по итогу полная жопа получается :/

источник

15:53пожаловаться #11

NB

Not Dan, But... in Next.js — русскоговорящее сообщество

Iri 🍕

почему-то с сео по итогу полная жопа получается :/

какие трудности?

источник

15:54пожаловаться #12

I

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

Not Dan, But...

какие трудности?

meta og страницы не видит фейсбук, хотя в шапке они есть

источник

15:54пожаловаться #13

NB

Not Dan, But... in Next.js — русскоговорящее сообщество

Iri 🍕

meta og страницы не видит фейсбук, хотя в шапке они есть

проверь через какой нибудь postman наличие og тэгов в теле ответа, мб они на стороне сервера не рендерятся

источник

15:55пожаловаться #14

NB

Not Dan, But... in Next.js — русскоговорящее сообщество

а еще, должно пройти где-то 24 часа, чтобы фейсбук-бот забрал актуальную картиночку

источник

15:56пожаловаться #15

I

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

Not Dan, But...

проверь через какой нибудь postman наличие og тэгов в теле ответа, мб они на стороне сервера не рендерятся

то есть если что-то подгрузилось уже на клиенте, для сео это пустота?
я просто вообще не шарю за эту тему, но заказчики сказали, что все плохо, "Google rates our Content with "0"

источник

15:58пожаловаться #16

NB

Not Dan, But... in Next.js — русскоговорящее сообщество

Iri 🍕

то есть если что-то подгрузилось уже на клиенте, для сео это пустота?
я просто вообще не шарю за эту тему, но заказчики сказали, что все плохо, "Google rates our Content with "0"

SSR в большинстве случаев нужен как раз таки для гуглоботов и прочих: микроразметка, метатеги, общее понимание контента и структуры страницы
Несмотря на то, что Гугл говорит о том, что ждет выполнения клиентских скриптов, это срабатывает далеко не всегда и не стоит надеяться на эту фичу, лучше по старинке - гнать все в SSR

источник

16:01пожаловаться #17

NB

Not Dan, But... in Next.js — русскоговорящее сообщество

Iri 🍕

то есть если что-то подгрузилось уже на клиенте, для сео это пустота?
я просто вообще не шарю за эту тему, но заказчики сказали, что все плохо, "Google rates our Content with "0"

у Гугла много метрик, по которым он может сказать что сайтец говно: там и first meaningful paint (будет прикольно, если у тебя все компоненты рендерятся ток на клиенте и бот увидит только белый экран), скорость загрузки ресурсов, наличие элементов UI с обратной связью, наличие sitemap

источник

16:02пожаловаться #18

I

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

Not Dan, But...

SSR в большинстве случаев нужен как раз таки для гуглоботов и прочих: микроразметка, метатеги, общее понимание контента и структуры страницы
Несмотря на то, что Гугл говорит о том, что ждет выполнения клиентских скриптов, это срабатывает далеко не всегда и не стоит надеяться на эту фичу, лучше по старинке - гнать все в SSR

ну там страница такая, что часть данных с бэкенда приходит, вторая часть вообще доступна только зарегестрированным юзерам (естественно с клиента идет запрос)

метатеги я добавляю через <Head> и контент добавляю из пропсов, полученных из getInitialProps

источник

16:06пожаловаться #19

NB

Not Dan, But... in Next.js — русскоговорящее сообщество

Iri 🍕

ну там страница такая, что часть данных с бэкенда приходит, вторая часть вообще доступна только зарегестрированным юзерам (естественно с клиента идет запрос)

метатеги я добавляю через <Head> и контент добавляю из пропсов, полученных из getInitialProps

Если в компоненте страницы есть Head, он должен рендериться и со стороны сервера
Проверь условный рендеринг и все такое

источник

16:08пожаловаться #20