Développement du site

Le site a été développé sous Next.js avec Typescript

https://github.com/RudyDupuis/mielsdupuis_code

Structure

Untitled

La structure du src est composée d’un dossier public avec les images au format svg et d’un dossier src qui contient :

assets ⇒ les fonts et le style en scss.
components ⇒ les différents composants des pages.
data ⇒ les données qui sont amenées à changer.
helpers ⇒ les hooks et fonctions réutilisables.
pages ⇒ les pages du site.

Pages

Les pages sont des composants qui listent les autres composants qui les forment.

Elles sont composés au minimum du composant :

<Head> (Un composant natif de Next.js)
<Header />
<Section />
<Footer />

import Footer from "@/components/Footer";
import Header from "@/components/Header";
import Section from "@/components/Section";
import Contacts from "@/components/sections/Contacts";
import Head from "next/head";

export default function MeContacter() {
  return (
    <main>
      <Head>
        <title>
          Contactez-moi pour toutes vos questions et partenariats | MielsDupuis
        </title>
        <meta
          name="description"
          content="Besoin d'informations supplémentaires ou d'établir un partenariat ? Utilisez notre formulaire de contact pour entrer en contact avec moi, Rudy, l'apiculteur passionné derrière MielsDupuis. Je serai ravi de répondre à vos questions et de partager ma passion pour les miels du Poitou-Charentes avec vous."
        />
      </Head>

      <Header page="contacter" />

      <Section content={<Contacts />} />

      <Footer />
    </main>
  );
}