Détails du test
Bienvenue dans ce quiz consacré à Next.js, probablement le framework React le plus connus avec ses 115k stars au moment ou j'écris ces lignes !
A travers ce test, vous pourrez tester vos propres connaissances, allant des fondamentaux du routage avec l'arrivée du "App router" introduit dans Next 13 à l'utilisation avancée de fonctionnalités comme les composants serveurs, l'optimisation d'images et la régénération statique incrémentielle (ISR).
Que vous soyez un développeur expérimenté cherchant à valider vos compétences ou un novice désireux d'apprendre, ce quiz est fait pour vous. Il a été conçu pour non seulement évaluer votre compréhension théorique de Next.js, mais aussi pour vous encourager à réfléchir à l'application pratique de ces concepts dans le monde réel, et à apprendre de vos erreurs avec des explications claires et sourcées !
Alors, prêt à plonger dans l'univers de Next.js ? Let's go !
Comme d'habitude vos retours sont précieux, n'hésitez pas à soumettre de nouvelles questions ou partager vos remarques sur celles existantes !
Auteur du test : Anas Ismaili
Je suis un développeur full-stack de 21 ans et un passionné de code depuis l'enfance. Je n'ai aucune expérience en entreprise, mais malgré ça je dev mes projets dans mon coin. J'ai découvert next.JS en ayant pour projet la création de plusieurs SaaS, le principe étant de trouver des problèmes que rencontre une certaine catégorie de personnes puis d'en développer la solution ! D'ailleurs, n'hésitez pas en tant qu'entreprise à consulter mon portfolio sur https://ismailianas.com, je serais ravi de discuter avec vous d'un poste (que je recherche activement d'ailleurs). C'est alors que me vint cette réflexion que beaucoup de développeurs ont avant de débuter un projet, "Mais quelle stack choisir ?!". C'est alors que je commence à me démener longuement pour trouver LA technologie, et c'est là qu'il y a plus d'un an, je tombe sur Next.JS, un framework jeune, puissant, basé React, qui fait mieux qu'une app React.
Exemple de question
Dans une application Next.js en Page Router, vous avez une fonction getStaticProps dans un fichier blog.js dans le répertoire pages. À quoi sert cette fonction dans ce contexte ?
// pages/blog.js
export async function getStaticProps() {
const posts = await fetchBlogPosts()
return {
props: { posts },
};
}
export default function Blog({ posts }) {
return (
<div>
{posts.map(post => <div key={post.id}>{post.title}</div>)}
</div>
);
}
Avis des développeurs et techs
Tests recommandés
- Combien gagne un Développeur Web en 2024 ?
- Toutes nos questions d'entretiens pour Développeur Web