Sådan skabte jeg min nye platform med Cursor

Blog·

Sådan skabte jeg min nye platform med Cursor

Læs hvordan jeg redesignede denniskjaergaard.dk med Cursor og "vibe coding". Se min nye "story-first" arkitektur og hvordan jeg bruger Vinkler HQ og et custom ingest-API til at automatisere min indholdsproduktion.

Nyt design, bygget med AI: Sådan skabte jeg min nye platform med Cursor

De seneste dage har jeg været dybt begravet i et intenst bygge-sprint her fra mit hjem i Chiang Mai. Målet var simpelt, men ambitiøst: At omskrive og redesigne hele min personlige platform, denniskjaergaard.dk, fra bunden. Og jeg har gjort det med Cursor som min primære makker.

Når man har bygget mere end 50 webapps med "vibe coding", begynder man at se kode og systemarkitektur på en helt ny måde. Man går fra at være håndværkeren, der lægger hver eneste mursten, til at være arkitekten, der dirigerer et hold af agenter. Det var præcis den tilgang, jeg tog til dette projekt.

Et "Story-First" redesign

Mit fokus med den nye side har været at bevæge mig væk fra den traditionelle, statiske landing page og i stedet skabe et mere farverigt, redaktionelt "story-first" layout. Jeg ville have et design, der indgyder tillid og viser fremdriften i de projekter, jeg arbejder med.

For at opnå dette har jeg struktureret forsiden i fem klare kapitler:

  • Hook: Et skarpt førstehåndsindtryk med et klart løfte.
  • Trust: Hvorfor teams og samarbejdspartnere stoler på samarbejdet.
  • Services: En konkret præsentation af de platforme og AI-flows, jeg bygger.
  • Proces: Hvordan vi leverer resultater og fremdrift, uge for uge.
  • Start: Det stærke afsluttende kald til handling for at sætte tingene i gang.

Visuelt har jeg holdt fast i en skandinavisk renhed med en varm off-white base, men jeg har brudt det minimalistiske med stærke accentfarver – koral, koboltblå, lime og violet – der giver hvert kapitel sin egen energi.

Maskinrummet: Next.js, Supabase og "The Authority Loop"

Teknisk set er projektet bygget på Next.js App Router med TypeScript og Tailwind CSS v4. Men det mest effektive ved dette bygge-sprint har været at implementere det, jeg kalder et "Authority Loop" for min indholdsproduktion.

Jeg bruger mit eget lukkede system, Vinkler HQ, som min primære arbejdsstation til at skrive og udforme koncepter. I stedet for manuelt at skulle kopiere blogindlæg over på min offentlige side, har jeg via Cursor bygget et skræddersyet ingest-API (/api/v1/content-ingest).

Når jeg er færdig med en tekst i Vinkler HQ, skyder systemet det direkte ind i en Supabase-database. Herefter kan jeg lynhurtigt forhåndsvise, redigere og udgive det via et dedikeret admin-interface på selve sitet. Det er en fuldstændig gnidningsfri arbejdsgang, der lader mig fokusere 100% på indholdet.

Vibe Coding er fremtiden

At kunne specificere et helt projekt i et markdown-dokument og lade Cursors agenter eksekvere på planen trin for trin har igen bevist, hvor ekstremt hurtigt man kan iterere lige nu. AI erstatter ikke den strategiske sans for forretning, e-handel eller systemdesign – tværtimod forstærker den evnen til at bringe idéerne til live med lysets hast.

Nu er fundamentet lagt. Både for denne side og for de næste mange digitale projekter, der er på vej.

Hold dig opdateret på AI og find inspiration på min blog

Google ændrer søgefeltet for første gang i 25 årGoogle Merchant Centers nye AI Performance Insights og Conversational AttributesComposer 2.5: En ny æra inden for digitale værktøjer og integrationerNye måder at skabe personlige billeder i Gemini-appenGoogle beskriver forskellene mellem SEO, AEO, GEO og andre optimeringsmetoderAnthropic retter fokus mod små virksomheder:  En ny AI-strategiHvorfor jeg droppede dyre tredjepartssystemer og byggede mit eget email-flow med AIAI ændrer arbejdet for marketingfolkBrandautoritet slår emneautoritet i AI-søgningGoogle Ads API v20 udfases snart: Hvad betyder det for din virksomhed?Google ændrer søgefeltet for første gang i 25 årGoogle Merchant Centers nye AI Performance Insights og Conversational AttributesComposer 2.5: En ny æra inden for digitale værktøjer og integrationerNye måder at skabe personlige billeder i Gemini-appenGoogle beskriver forskellene mellem SEO, AEO, GEO og andre optimeringsmetoderAnthropic retter fokus mod små virksomheder:  En ny AI-strategiHvorfor jeg droppede dyre tredjepartssystemer og byggede mit eget email-flow med AIAI ændrer arbejdet for marketingfolkBrandautoritet slår emneautoritet i AI-søgningGoogle Ads API v20 udfases snart: Hvad betyder det for din virksomhed?