Skip to content

Wie Veröffentlicht man eine Fullstack Web App auf Vercel?

11. Juli 2022 (vor 2 Jahren)

2 Minuten Lesezeit •

#Vercel#Next.js#PlanetScale
Vercel Logo

Inhaltsverzeichnis 📃

  • Eine fullstack App mit Next.js schreiben
  • Datenbankservice PlanetScale
  • Hilfreiche Libaries
  • Veröffentliche deine App bei Vercel

Eine fullstack App mit Next.js schreiben

Next.js ist eins der besten Frameworks 2022 und hat alles was du brauchst um eine fullstack App zu entwickeln. Mit SSG und SSR, API-Routen und eingebauten Optimierungs-Komponenten kannst du alles entwicklen und dabei einfach und performant bleiben.

Wenn du dich schon mit Next.js auskennst empfehle ich dir den T3-Stack anzusehen. Dieser Stack ist das perfekte Template mit allen wichtigen Dingen wie Authentifizierung und Datenbank Verbindungen.

Datenbankservice PlanetScale

⚠️

PlanetScale is not free anymore. The free tier has been removed. You can use Vercel's Database Integrations to get a free database.

PlanetScale ist eine leicht nutzbare MySQL-kompatible serverlose Datenbank-Plattform. Es unterstützt viele Programmiersprachen und Tools und hat tolle Feature wie Branching und Skalierbarkeit. Dabei reicht das Free-Tier für alle persönlichen Projekte aus.

Außerdem gibt es ein Tutorial für das Nutzen mit Vercel und unterstützt Prisma das auch im eben erwähnten T3-Stack enthalten ist#.

Hilfreiche Libaries

Viele Applikationen brauchen einige Funktionen die von Paketen bereitgestellt werden die Next.js unterstützen:

  • Prisma - Ein Datenbank data-driven ORM
  • Tailwind - Ein einfach nutzbares utility-first CSS Framework
  • NextAuth - Ein flexibler und sicherer authentifizierungs Provider
  • SWR - Eine leichte react hook zum Abruf von Daten

Veröffentliche deine App bei Vercel

Jetzt bist du bereit deine App zu veröffentlichen. Erstelle einen Account bei Vercel und veröffentliche deine App mit einem Repository auf GitHub/GitLab/Bitbucket oder mit dem Vercel CLI. Außerdem schau dir die verfügbaren Integrationen an die bei Dingen wie beispielsweise Umgebungsvariablen von CMS zur Verfügung stellen helfen können.

Fazit 🔚

Ich hoffe ich konnte dir dabei helfen eine robuste und performante App zu entwickeln und zu veröffentliche. Ohne etwas dabei auszugeben!

Wenn du noch Hilfe brauchst benutz doch mein Template. Veröffentliche es mit ein paar Klicks mit dem Knopf hier:

Veröffentlichen mit Vercel