getServerSideProps vs getServerSideProps

getServerSideProps_vs_getServerSideProps.tsx

import React, {FunctionComponent} from "react";
import MainLayout from "../components/layouts/MainLayout";
import {IComponentProps} from "../components/declarations";
import { GetStaticProps, GetServerSideProps } from 'next'
import {randomInt} from "crypto";

export default function Login({children, rand}: IComponentProps) {
    console.log(arguments,rand);
    return (
        <>
            <MainLayout title={'Авторизация'}>
                <p>login</p>
                <p>random: {rand}</p>
            </MainLayout>

        </>
    )
}
export const getStaticProps: GetStaticProps = async (context) => {
    debugger;
    console.log('!!!!!!!!!!getStaticProps - 0!!!!!!!!');

    return new Promise<any>(resolve => {
        setTimeout(() => {
            console.log('!!!!!!!!!!getStaticProps - 1!!!!!!!!');

            resolve({
                props: {
                    rand: randomInt(1000)
                }
            })
        },5000)
    })
};

// export const getServerSideProps: GetServerSideProps = async (context) => {
//     debugger;
//     console.log('!!!!!!!!!!getStaticProps - 0!!!!!!!!');
//
//     return new Promise<any>(resolve => {
//         setTimeout(() => {
//             console.log('!!!!!!!!!!getStaticProps - 1!!!!!!!!');
//
//             resolve({
//                 props: {
//                     rand: randomInt(1000)
//                 }
//             })
//         },5000)
//     })
// };