web:framework:nextjs

Ceci est une ancienne révision du document !


NextJS

NextJS est un Framework FullStack basé sur ReactJS, côté serveur et côté client.

NodeJS requis

Création du projet :

npx create-next-app@latest

Eventuellement avec le support typeScript :

npx create-next-app@latest --ts

Démarrage du serveur

cd my-next-app
npm run dev

Côté serveur

Server Side Rendering

Sollicité côté serveur à chaque requête.


export default function Home({data}) {
  return (
    <>
        <UIList objects={data}/>
    </ >
  )
}

export async function getServerSideProps() {
    const res = await fetch(API_URL)
    const data = await res.json()
    return {
        props: {
            data
        }
    }
}

Static Site Generation


export default function Home({data}) {
  return (
    <>
        <UIList objects={data}/>
    </ >
  )
}

export async function getStaticProps() {
    const res = await fetch(API_URL)
    const data = await res.json()
    return {
        props: {
            data
        }
    }
}

  • web/framework/nextjs.1683096659.txt.gz
  • Dernière modification : il y a 23 mois
  • de jcheron