Size: a a a

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

2019 September 10

Б

Бурчик in Next.js — русскоговорящее сообщество
что вы используете для редиректа в lib файлах или в getIniTialProps
источник

Б

Бурчик in Next.js — русскоговорящее сообщество
при Router.push у меня ошибка на сервере You should only use "next/router" inside the client side of your app.
источник

🦜

🦜 in Next.js — русскоговорящее сообщество
Бурчик
что вы используете для редиректа в lib файлах или в getIniTialProps
как бы логично в lib класть изолированные модули
источник

in Next.js — русскоговорящее сообщество
Бурчик
при Router.push у меня ошибка на сервере You should only use "next/router" inside the client side of your app.
Проверь откуда экспортишь Router
источник

in Next.js — русскоговорящее сообщество
написано же
источник

in Next.js — русскоговорящее сообщество
Проверь откуда экспортишь Router
импортишь пардон
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
Бурчик
при Router.push у меня ошибка на сервере You should only use "next/router" inside the client side of your app.
import Router from 'next/router';

const handleRedirect = ({ res, query: { type, destination } }) => {
 if (type === 'redirect') {
   if (res && destination) {
     res.writeHead(302, {
       Location: destination,
     });
     res.end();
   } else {
     Router.push(destination);
   }
 }
};

export default handleRedirect;


type, destination это уже детали реализации
источник

А

Антон in Next.js — русскоговорящее сообщество
ребят если ли инфа как сделать анимацию при переходе на страницу?
источник

in Next.js — русскоговорящее сообщество
Антон
ребят если ли инфа как сделать анимацию при переходе на страницу?
page transitions next js
источник

in Next.js — русскоговорящее сообщество
пробовал искать?
источник

А

Антон in Next.js — русскоговорящее сообщество
page transitions next js
красиво, спс
источник

Б

Бурчик in Next.js — русскоговорящее сообщество
кароч router.push можно юзать в getInitialProps если делать проверку типа
if (!ctx.req && !token) {
   Router.push('/login')    
 }
источник

Б

Бурчик in Next.js — русскоговорящее сообщество
отправил им пуллреквест как раз https://github.com/zeit/next.js/pull/8693
источник

🦜

🦜 in Next.js — русскоговорящее сообщество
Бурчик
кароч router.push можно юзать в getInitialProps если делать проверку типа
if (!ctx.req && !token) {
   Router.push('/login')    
 }
они тебе скажут, что у тебя код неправильный изначально
источник

Б

Бурчик in Next.js — русскоговорящее сообщество
🦜
они тебе скажут, что у тебя код неправильный изначально
лол так это их пример
источник

▲R

▲ Max Rovensky in Next.js — русскоговорящее сообщество
Бурчик
кароч router.push можно юзать в getInitialProps если делать проверку типа
if (!ctx.req && !token) {
   Router.push('/login')    
 }
Работать будет только на клиенте
источник

▲R

▲ Max Rovensky in Next.js — русскоговорящее сообщество
Это бай дизайн
Router не надо использовать в gIP
источник

▲R

▲ Max Rovensky in Next.js — русскоговорящее сообщество
Для редиректов в gIP:
источник

▲R

▲ Max Rovensky in Next.js — русскоговорящее сообщество
// redirectTo.js
import Router from 'next/router'

export default function redirectTo(
 destination,
 { as, res, status } = {},
 replace = false
) {
 if (res) {
   res.writeHead(status || 302, { Location: as || destination })
   res.end()
   return
 } else {
   if (destination[0] === '/' && destination[1] !== '/') {
     if (replace) {
       return Router.replace(destination, as)
     } else {
       return Router.push(destination, as)
     }
   } else {
     window.location = destination
     return
   }
 }
}


На сервере передаем res из getInitialProps, на клиенте нет
источник

🦜

🦜 in Next.js — русскоговорящее сообщество
▲ Max Rovensky
Это бай дизайн
Router не надо использовать в gIP
export default class extends React.Component {
 static async getInitialProps({ res }) {
   if (res) {
     res.writeHead(302, {
       Location: '/about'
     })
     res.end()
   } else {
     Router.push('/about')
   }
   return {}
 }
}
источник