Next.js와 Supabase로 영구 텍스트 벽을 만들었다. 사용자들이 이미 싸우고 있다.

Source: Dev.to

프로젝트

나는 The Million Lines라는 프로젝트를 사회 실험으로 만들었습니다. 개념은 간단합니다: 100만 줄의 텍스트를 Supabase에 영구 저장하고, Next.js를 사용해 무한 캔버스에 렌더링합니다.

기술 과제

100만 줄을 브라우저가 멈추지 않게 렌더링하는 것은 어렵습니다. 뷰포트에 보이는 부분만 렌더링하도록 가상화를 사용해야 했습니다.

사회적 결과

나는 기술적인 인용구가 달릴 거라 기대했지만, 대신 혼란이 발생했습니다:

• 누군가가 19번째 줄에 “How do I exit vim?”(클래식)를 쓰기 위해 비용을 지불했습니다.
• r/gaming이 8번째 줄에 거대한 배너를 구매해 보드를 장악했습니다.
• 누군가가 16번째 줄에서 IShowSpeed를 트롤링하고 있습니다.

돈이 들어가면 “인터넷 그래피티”가 어떻게 작동하는지 보는 것은 흥미롭습니다.

라이브 데모

https://themillionlines.com