Ceci est une ancienne révision du document !
NextJS
NextJS est un Framework FullStack basé sur ReactJS, côté serveur et côté client.
Installation
NodeJS requis
Création projet
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
Recupération de données
Côté serveur
Server Side Rendering
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
}
}
}