Kundeoversikt

Duomo Pizzeria er en autentisk italiensk pizzeria i Frankrike, som tilbyr tradisjonell italiensk mat med fokus på høykvalitets pizza. Restauranten er stolt av å bruke ferske ingredienser og autentiske oppskrifter for å gi kundene en genuin italiensk matopplevelse.

Prosjektkrav

Kunden trengte en moderne, responsiv nettside som ville:

• Vise frem restauranten og menyen til potensielle kunder

• La kunder reservere bord

• Vise oppdatert informasjon om åpningstider

• Være tilgjengelig på flere språk (fransk, engelsk, italiensk og spansk)

• Koble sømløst til deres eksisterende mobile menysystem

• Presentere merkevaren deres på en tiltalende og profesjonell måte

Vår løsning

Som Natasun Company utviklet vi en omfattende nettløsning ved hjelp av Next.js, et kraftig React-rammeverk, for å skape en rask, SEO-vennlig og funksjonsrik nettside som oppfylte alle kundens krav.

Hvorfor vi valgte Next.js

Next.js var det perfekte valget for dette prosjektet av flere grunner:

1. Ytelse: Next.js gir muligheter for serverside-rendering og statisk sidegenerering, noe som resulterer i raskere sidelasting og bedre brukeropplevelse.

2. SEO-optimalisering: Serverside-renderingen hjelper søkemotorer med å indeksere innholdet bedre, noe som forbedrer restaurantens synlighet på nett.

3. Rutesystem: Next.js sitt innebygde rutesystem gjorde det enkelt å implementere flerspråklig funksjonalitet med rene URL-er (som /fr, /en, /it, /es).

4. API-ruter: Next.js lar oss opprette API-endepunkter innenfor samme prosjekt, som vi brukte til funksjoner som administrasjon av åpningstider.

5. Utvikleropplevelse: Rammeverkets utmerkede utvikleropplevelse hjalp oss med å bygge nettstedet effektivt og vedlikeholde det enkelt.

Flerspråklig implementering

En av de fremtredende funksjonene på nettstedet er den omfattende flerspråklige støtten:

• Vi implementerte et rutesystem som lar brukere få tilgang til nettstedet på sitt foretrukne språk (/fr, /en, /it, /es)

• Brukergrensesnittet tilpasser seg automatisk det valgte språket og viser alt innhold på riktig språk

• Vi brukte next-intl for internasjonalisering, og lagret oversettelser i JSON-filer for enkel vedlikehold

• Standardspråket er fransk, men brukere kan enkelt bytte mellom språk

Integrasjon med mobil meny

Et nøkkelkrav var å koble nettstedet til kundens eksisterende mobile menysystem:

• Vi opprettet en sømløs integrasjon med deres mobile meny-API (hostet på mobilemenu.duomopizzeria.fr)

• Nettstedet henter menydata i sanntid fra den mobile meny-API-en

• Dette sikrer at menyelementer, priser og tilgjengelighet alltid er oppdatert på begge plattformer

• Integrasjonen eliminerer behovet for duplisert innholdsadministrasjon

Smart åpningstidssystem

Vi utviklet et sofistikert system for å administrere og vise restaurantens åpningstider:

• Åpningstidene lagres i en MySQL-database ved hjelp av Prisma ORM

• Systemet støtter komplekse timeplaner, inkludert forskjellige timer for lunsj- og middagsservering

• Et API-endepunkt lar kunden enkelt oppdatere åpningstidene sine

• Nettstedet viser i sanntid om restauranten er åpen eller stengt

• Kunder kan se hele ukeplanen for å planlegge besøket sitt

Databaseadministrasjon med Prisma

Vi brukte Prisma, et moderne databaseverktøy, for å håndtere alle databaseoperasjoner:

• Prisma gir en typesikker databaseklient som gjør det enkelt å spørre databasen

• Skjemaet er tydelig definert, noe som gjør det enkelt å forstå datastrukturen

• Databasemigreringer håndteres automatisk, noe som forenkler oppdateringer

• ORM-en abstraherer kompleksiteten i SQL-spørringer, noe som gjør koden mer vedlikeholdbar

• Den kobler seg sikkert til MySQL-databasen som er hostet på kundens server

Teknisk implementering

Prosjektet ble bygget ved hjelp av en stack av moderne teknologier:

• Next.js 14: For kjernerammeverket og serverside-rendering

• TypeScript: For typesikkerhet og bedre utvikleropplevelse

• Tailwind CSS: For responsivt og tilpassbart design

• Prisma: For databaseadministrasjon

• next-intl: For internasjonalisering

• Framer Motion: For jevne animasjoner og overganger

• React: For å bygge brukergrensesnittkomponenter

Resultater

Det ferdige nettstedet oppfylte alle kundens krav og overgikk forventningene deres:

• Et vakkert, responsivt design som fungerer på alle enheter

• Rask lastetid og jevn navigasjon

• Omfattende flerspråklig støtte

• Sømløs integrasjon med deres mobile menysystem

• Sanntidsvisning av åpningstider

• Brukervennlig reservasjonssystem

• Solid SEO-grunnlag for bedre synlighet på nett

Nettstedet har hjulpet Duomo Pizzeria med å forbedre sin tilstedeværelse på nett, tiltrekke flere kunder og gi bedre service til sin eksisterende kundekrets.

Besøk det aktive nettstedet på duomopizzeria.fr for å se resultatet av arbeidet vårt.

Casestudie av Vahid Takro, Full Stack-utvikler hos Natasun Company www.natasun.com