Size: a a a

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

2019 August 11

S

Sergey in Next.js — русскоговорящее сообщество
подскажите почему в getInitialProps не удается получить данные со своего же сервера по api, но например с удаленного сервера например из https://jsonplaceholder.typicode.com/todos/1 все нормально приходит. ошибку connect ECONNREFUSED 127.0.0.1:80 гуглил, внятного ответа как тогда получить через сср не понял, я думал через клиент сайд получать данные с сервера не правильно
источник

SB

Sergey Belozyorcev in Next.js — русскоговорящее сообщество
Подскажите про serverless в nextjs, когда его следует использовать?
У нас кастомный сервер и грузим не на now, а на свой.

По идее (как мне кажется) это то что мне нужно.
Т.е.  собираем папку build и тупо грузим её на сервер (а наш сервер уже нужные данные прокидывает в эти странички).
Таким образом мы можем спокойно не тянуть next в зависимостях к серверу.
источник

SB

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

Куда правильней положить данные от бэкенда?
В req или в res?

page.render(req, res);
источник

I

Iri 🍕 in Next.js — русскоговорящее сообщество
Sergey
подскажите почему в getInitialProps не удается получить данные со своего же сервера по api, но например с удаленного сервера например из https://jsonplaceholder.typicode.com/todos/1 все нормально приходит. ошибку connect ECONNREFUSED 127.0.0.1:80 гуглил, внятного ответа как тогда получить через сср не понял, я думал через клиент сайд получать данные с сервера не правильно
Попробуй на другой порт перекинуть, может быть он у тебя уже чем-то другим занят
источник

🦜

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

Куда правильней положить данные от бэкенда?
В req или в res?

page.render(req, res);
В ответ, это же логично
источник

SB

Sergey Belozyorcev in Next.js — русскоговорящее сообщество
🦜
В ответ, это же логично
Смотря с какой стороны смотреть...

Для рендера - это входные данные, которые уходят в getInitialProps (вот и встал в ступор...)
источник

I

Iri 🍕 in Next.js — русскоговорящее сообщество
штоа 👀
источник

KS

Kirill Shulman in Next.js — русскоговорящее сообщество
Друзья, кто может подсказать, что не так делаю. Хочу увидеть список юзеров на стороне сервера, но не выходит. Правильно ли я понимаю, что за это отвечает именно метод getInitialProps()?
// REDUCERS
export const reducer = (state = exampleInitialState, action) => {
   if (action.type === 'GET_USERS') {
       return{
           ...state,
           users: action.payload,
       };
   } else {
       return state;
   }
};

// ACTIONS

export const getUsers = () => dispatch => {
   axios.get('https://jsonplaceholder.typicode.com/users')
       .then(res=>{
           dispatch({
               type: 'GET_USERS',
               payload: res.data
           })
       })
       .catch(err => console.log(err))
};

// Using

class Users extends React.Component {
   static getInitialProps ({ reduxStore, req }) {
       const isServer = !!req;
       // DISPATCH ACTIONS HERE ONLY WITH `reduxStore.dispatch`
       reduxStore.dispatch(getUsers(isServer));

       return {}
   }
источник

T

Titov in Next.js — русскоговорящее сообщество
Iri 🍕
Попробуй на другой порт перекинуть, может быть он у тебя уже чем-то другим занят
О. Привет.
источник

I

Iri 🍕 in Next.js — русскоговорящее сообщество
Titov
О. Привет.
Привет
источник

BB

Bugs Bunny in Next.js — русскоговорящее сообщество
Kirill Shulman
Друзья, кто может подсказать, что не так делаю. Хочу увидеть список юзеров на стороне сервера, но не выходит. Правильно ли я понимаю, что за это отвечает именно метод getInitialProps()?
// REDUCERS
export const reducer = (state = exampleInitialState, action) => {
   if (action.type === 'GET_USERS') {
       return{
           ...state,
           users: action.payload,
       };
   } else {
       return state;
   }
};

// ACTIONS

export const getUsers = () => dispatch => {
   axios.get('https://jsonplaceholder.typicode.com/users')
       .then(res=>{
           dispatch({
               type: 'GET_USERS',
               payload: res.data
           })
       })
       .catch(err => console.log(err))
};

// Using

class Users extends React.Component {
   static getInitialProps ({ reduxStore, req }) {
       const isServer = !!req;
       // DISPATCH ACTIONS HERE ONLY WITH `reduxStore.dispatch`
       reduxStore.dispatch(getUsers(isServer));

       return {}
   }
тебе нужно в getUsers сделать return axios.get, а в getInitialProps await reduxStore.dispatch
источник

BB

Bugs Bunny in Next.js — русскоговорящее сообщество
Kirill Shulman
Друзья, кто может подсказать, что не так делаю. Хочу увидеть список юзеров на стороне сервера, но не выходит. Правильно ли я понимаю, что за это отвечает именно метод getInitialProps()?
// REDUCERS
export const reducer = (state = exampleInitialState, action) => {
   if (action.type === 'GET_USERS') {
       return{
           ...state,
           users: action.payload,
       };
   } else {
       return state;
   }
};

// ACTIONS

export const getUsers = () => dispatch => {
   axios.get('https://jsonplaceholder.typicode.com/users')
       .then(res=>{
           dispatch({
               type: 'GET_USERS',
               payload: res.data
           })
       })
       .catch(err => console.log(err))
};

// Using

class Users extends React.Component {
   static getInitialProps ({ reduxStore, req }) {
       const isServer = !!req;
       // DISPATCH ACTIONS HERE ONLY WITH `reduxStore.dispatch`
       reduxStore.dispatch(getUsers(isServer));

       return {}
   }
так надо делать только для ThunkAction
источник

KS

Kirill Shulman in Next.js — русскоговорящее сообщество
Bugs Bunny
тебе нужно в getUsers сделать return axios.get, а в getInitialProps await reduxStore.dispatch
Огромное спасибо! Работает
источник

Fv

Fahim valanchery in Next.js — русскоговорящее сообщество
I have an issue, in development environment project working fine (every routes ), if I take the build then its getting different (error page is not showing, that like issues )
источник

🦜

🦜 in Next.js — русскоговорящее сообщество
Fahim valanchery
I have an issue, in development environment project working fine (every routes ), if I take the build then its getting different (error page is not showing, that like issues )
Its a Russian speaking community
источник

А

Андрей in Next.js — русскоговорящее сообщество
Так выглядит страица  проекта.
Проблема такая, когда клиентским роутом перехожу сюда то стили для текста применяются , а когда обновлю страницу тобишь будет сервер роутинг, то стили не применяются, как буд то вообще их нет в проекте, чо может быть ?
источник

S

Sergey in Next.js — русскоговорящее сообщество
Iri 🍕
Попробуй на другой порт перекинуть, может быть он у тебя уже чем-то другим занят
Проблема в том, что при переходе на страницу, где
Travels.getInitialProps = async ({ query }) => { 
const res = await axios({
get: 'get',
url: '/api/pages',
});
return { article: query.article, pages: res.data };
};

, запрос в getInitialprops отрабатывает нормально, но как только я, уже находясь на этой странице, обновляю ее, то сразу выдает ошибку
connect ECONNREFUSED 127.0.0.1:80

. а как вообще можно поменять порт, если, конечно в нем проблема.
источник

А

Андрей in Next.js — русскоговорящее сообщество
Андрей
Так выглядит страица  проекта.
Проблема такая, когда клиентским роутом перехожу сюда то стили для текста применяются , а когда обновлю страницу тобишь будет сервер роутинг, то стили не применяются, как буд то вообще их нет в проекте, чо может быть ?
А, понял, надо стили подключать в _app
источник

S

Sergey in Next.js — русскоговорящее сообщество
Sergey
Проблема в том, что при переходе на страницу, где
Travels.getInitialProps = async ({ query }) => { 
const res = await axios({
get: 'get',
url: '/api/pages',
});
return { article: query.article, pages: res.data };
};

, запрос в getInitialprops отрабатывает нормально, но как только я, уже находясь на этой странице, обновляю ее, то сразу выдает ошибку
connect ECONNREFUSED 127.0.0.1:80

. а как вообще можно поменять порт, если, конечно в нем проблема.
Решил
источник

G

Github Releases Notify Bot in Next.js — русскоговорящее сообщество
zeit/next.js
v9.0.4-canary.3
источник