Next.js
Jak wdrożyć stronę Next.js jako statyczną za darmo
Next.js jest potężny, ale nie każdy projekt wymaga renderowania po stronie serwera. Jeśli Twoja strona to głównie statyczne strony, możesz wyeksportować ją jako czysty HTML i wdrożyć gdziekolwiek — w tym w HTML To Link, który daje darmowy publiczny URL w mniej niż minutę.
Włączenie eksportu statycznego w Next.js
Dodaj output: 'export' do pliku next.config.mjs. To mówi Next.js, aby wygenerował w pełni statyczną stronę w katalogu out/ po uruchomieniu next build.
Bez tras API, bez komponentów serwerowych z dynamicznymi danymi, bez middleware — tylko czysty HTML, CSS i JavaScript działające w każdej przeglądarce.
- // next.config.mjs
- export default { output: 'export' }
- Następnie uruchom: npx next build
- Pliki statyczne pojawią się w katalogu out/
Wdrożenie katalogu out/
Spakuj folder out/ do ZIP i prześlij go do HTML To Link. Ustaw plik wejściowy na index.html. Natychmiast otrzymasz działający URL.
Alternatywnie użyj serwera MCP z flagą --next: npx htmltolink-mcp deploy --next. Automatycznie obsłuży build i przesyłanie.
- Ręcznie: spakuj out/ → prześlij → wybierz index.html → opublikuj
- CLI: npx htmltolink-mcp deploy --next (automatyczny build + przesyłanie)
- Agent: powiedz Cursor „wdroż ten projekt Next.js”
Kiedy eksport statyczny jest dobrym wyborem
Landing page, strony dokumentacji, portfolio, podglądy blogów, strony marketingowe i front-endy wygenerowane przez AI to świetni kandydaci.
Jeśli potrzebujesz SSR, tras API lub zapytań do bazy danych w czasie żądania, zostań przy Vercel lub serwerze Node. W pozostałych przypadkach eksport statyczny + HTML To Link to najszybsza darmowa ścieżka.
FAQ
Czy muszę zmieniać kod Next.js?
Tylko jeśli używasz funkcji wyłącznie serwerowych (trasy API, getServerSideProps, middleware). Strony używające getStaticProps lub czystych komponentów klienckich działają bez zmian.
Co z obrazami i czcionkami?
Są automatycznie dołączane do katalogu out/. Upewnij się, że używasz ścieżek względnych lub loadera next/image skonfigurowanego dla eksportu statycznego.
Czy mogę później zaktualizować stronę?
Tak. Przebuduj i prześlij ponownie pod ten sam link. URL pozostaje stabilny między aktualizacjami.