Hoe maak je eenvoudig een portal voor je klanten

Nog een klantenportal?

Waarom hebben we nog een klantenportal nodig? Er zijn veel oplossingen op de markt, en ze werken allemaal prima. Maar wij denken dat er een betere manier moet zijn die niet alleen toegankelijk is voor grote bedrijven, maar ook voor de kleinere. Onze nieuwe klantenportal maakt het gemakkelijk voor u om een nieuwe installatie te maken en alle functionaliteit toe te voegen die u nodig heeft.

De basisonderdelen

Wat zijn de basisonderdelen van een klantenportal?

Layouts en thema's

• Een layout voor inloggen en registreren
• Een layout voor het admin gedeelte
• Een layout voor het klantengedeelte
• Kleurenschema's, lettertypen en klantspecifieke stijlen
• Een x-aantal vooraf gedefinieerde thema's

Beveiliging

• Mogelijkheid om in te loggen of te registreren
• Ondersteuning voor meerdere inlogmethoden (google, facebook, x, github, microsoft, e-mail/wachtwoord)
• Flow voor e-mail bevestiging (voor e-mail/wachtwoord login)
• Flow voor wachtwoord vergeten (voor e-mail/wachtwoord login)
• 2 Factor authenticatie met authenticator app

Admin sectie

• Klantbeheer (lijst, aanmaken, bijwerken en verwijderen van klanten)
• Gebruikersbeheer (lijst, aanmaken, bijwerken en verwijderen van gebruikers)
• Rol / toestemmingsbeheer
• Aangepaste velden voor klant en gebruikers

Klant sectie

• Dashboard pagina
• Bestellingen lijst
• Facturen lijst
• Factuur betalen (integreren met verschillende betalingsproviders: Stripe, Polar.sh)
• Verschillende klantspecifieke gegevens, te bepalen en ontwikkelen door of voor de specifieke klant

Tech stack

We houden de tech stack eenvoudig zodat slechts 1 service en 1 database hoeft te worden gedeployed.

• Voor de frontend en backend gebruiken we Nuxt 4 in 1 project.
• Voor de UI gebruiken we Nuxt UI dat gebaseerd is op Tailwind CSS en Headless UI
• Voor de database gebruiken we PostgreSQL.
• Voor PostgreSQL hosting gebruiken we Neon
• Als programmeertaal gebruiken we TypeScript
• Voor de ORM gebruiken we Prisma.
• Voor authenticatie gebruiken we better-auth

De deployment regelen we via een Docker container op Vercel.