Toolverse
All skills

vercel-hello-world

by jeremylongshore

Create a minimal working Vercel example.\nUse when starting a new Vercel integration, testing your setup,\nor learning basic Vercel API patterns.\nTrigger with phrases like \

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Category
Testing

About this skill

Create a minimal working Vercel example.\nUse when starting a new Vercel integration, testing your setup,\nor learning basic Vercel API patterns.\nTrigger with phrases like \

How to use

  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.

Related skills