how to set default page in next js?

Question

i am new in next.js, in next.js default page in index.js, i want to change its path as login , can anyone please help me how to do it ? right now i am using Router.push('/login'); but it is creating flickering issue, can anyone please help for this issue ?

import Head from 'next/head'
import styles from '../styles/Home.module.css'
import Router from 'next/router'
import React, { useEffect } from "react";
import { Redirect } from 'react-router';


export default function Home(props) {
  useEffect(() => {
    const { pathname } = Router
    if (pathname == '/') {
      Router.push('/login');
    }
  }, [props]);

  return ''
}

have you checked this https://stackoverflow.com/questions/58173809/next-js-redirect-from-to-another-page — thevarunraja, Aug 11 '20 at 13:04

score 16 · Accepted Answer · edited Nov 28 '21 at 02:30

16

You can add redirects to your next.config.js like this:

module.exports = {
  async redirects() {
    return [
      {
        source: '/about',
        destination: '/',
        permanent: true,
      },
    ]
  },
}

edited Nov 28 '21 at 02:30

KyleMit

30,350
66
462
664

answered Mar 28 '21 at 11:19

ashwin

186
1
6

score 0 · Answer 2 · answered Jan 05 '21 at 02:14

Redirect from the server side;

export const getServerSideProps = async ({ res }) => {
    res.setHeader("location", `/kiosk/welcome`);

    res.statusCode = 302;
    res.end();

    return { props: {} };
};

const Index = () => <>Index</>;

export default Index;

score -1 · Answer 3 · answered Aug 31 '22 at 13:51

-1

You can set a base path. Next Js allows you to do this. https://nextjs.org/docs/api-reference/next.config.js/basepath For example, if you wish to use "/login" instead of "/" which is the default, open next.config.js and add the basePath config:

  const nextConfig = {
  basePath: "/login",
};

module.exports = nextConfig;

answered Aug 31 '22 at 13:51

Bemsen Daniel

181
3
13

That way you added a prefix called "/login" for each route when using the Next Link component. – maiconsanson Apr 14 '23 at 20:39

how to set default page in next js?

3 Answers3