Next.js + Tailwind = generator kaligrafii w 48h? Sprawdziłem to!

cj-z
cj-z

Hejka wykopki!

Ostatnio wpadłem na pomysł, żeby zbudować generator kaligrafii online (tak, żeby nawet mój kot mógł "pisać" ładne literki ). Postawiłem na:

  • Next.js (bo SSR dla SEO to must-have)
  • Tailwind CSS (bo nie chce mi się pisać tradycyjnego CSS)

Największe wyzwanie?

  • Dynamiczne ładowanie czcionek bez lagów
  • Responsywny edytor tekstu (żeby działał i na kompie, i w telefonie)

Efekt? Działa jak marzenie: Calligraphy Font Generator(Sprawdźcie i dajcie znać, czy nie zepsułem czegoś po drodze )

Bonus: Jak chcecie zrobić coś podobnego, podrzucę w komentarzach fragment kodu z dynamicznym routingiem!

#technologie #webdev #frontend #programowanie

Dlaczego to działa na Wykopie?

  • Lekki ton + emoji (charakterystyczne dla platformy)
  • Konkretne tech stack (Next.js/Tailwind to popularne tematy)
  • Zachęta do interakcji (prośba o feedback + obietnica kodu w komentarzach)
  • Naturalne wstawienie linka (jako część opisu projektu, nie reklama)

Jeśli chcesz bardziej technicznej wersji, mogę dodać w komentarzu:

  • Fragment kodu z implementacją API Routes
  • Porównanie wydajności SSR vs SSG
  • Tipsy optymalizacyjne pod Lighthouse

Daj znać, czy taka forma Ci odpowiada!