Otwórz stronę — otrzymaj projekt Next.js na dysku

Niedawno musiałem odtworzyć interfejs strony marketingowej, której kod źródłowy zniknął wraz z wykonawcą. Mówiąc ściślej, klient miał do dyspozycji jedynie link produkcyjny. W przeszłości spędziłbym wieczór na ręcznym kopiowaniu układu, ale tym razem natknąłem się na projekt, który robi to w minutę. I nie za pomocą LLM, co było dla mnie zaskoczeniem.

Czym jest ditto.site

ditto.site — kompilator TypeScript typu open source, który pobiera publiczny URL i przekształca go w samodzielny projekt. Domyślnie generuje Next.js App Router, na życzenie — Vite React. Style dostarcza przez Tailwind lub zwykły CSS.

Pozwolę sobie wyjaśnić, co autor ma na myśli przez „klonowanie”. Nie ma tu git clone: nie potrzebujesz repozytorium strony ani jej kodu źródłowego. Potrzebujesz tylko linku dostępnego z poziomu przeglądarki. Narzędzie otwiera stronę, zapisuje to, co przeglądarka faktycznie renderuje, i tworzy nowy projekt na podstawie tego.

Autor wyraźnie nazywa swój system „potokiem przechwytywania do kodu