vercel-hello-world

Skill do szybkiego utworzenia działającego przykładu na Vercel. Zawiera statyczną stronę i funkcję serverless API, która potwierdza poprawność konfiguracji CLI, struktury projektu i całego pipeline'u wdrażania. Idealny do nauki podstawowych wzorców Vercel API, testowania ustawień lub rozpoczęcia nowego projektu. Wymaga zainstalowanego Vercel CLI i Node.js 18+.

1. Upewnij się, że masz zainstalowany Vercel CLI i Node.js 18 lub nowszy. Jeśli jeszcze tego nie zrobiłeś, uruchom najpierw skill vercel-install-auth do uwierzytelnienia.

2. Utwórz katalog projektu i zainicjuj npm. Skill utworzy folder my-vercel-app i wygeneruje plik package.json z domyślnymi ustawieniami.

3. Utwórz plik public/index.html ze statyczną stroną. Zawiera nagłówek, przycisk do pobierania danych i skrypt JavaScript, który wywoła API endpoint /api/hello.

4. Utwórz plik api/hello.ts z funkcją serverless. Funkcja zwraca JSON z wiadomością, znacznikiem czasu i informacją o regionie wdrażania.

5. Wdróż projekt na Vercel za pomocą komendy vercel. CLI potwierdzi uwierzytelnienie, przesyła pliki i uruchamia deployment.

6. Po zakończeniu wdrażania otwórz wygenerowany URL w przeglądarce. Powinieneś zobaczyć stronę z wiadomością z API, co potwierdza, że cały pipeline działa prawidłowo.