feat: Migrate to Next.js

[neo773]

Optimizations:

• Migrate to Next.js
• Patched GraphiQL to load fonts via CDN, reducing CSS Bundle
• Lazy loading lottie
• Optimized Lottie animation files reducing size by another 50%
• Optimized all PNGs and JPEGs along
• Added AVIF image extension for modern browsers.

Report:

Mobile

Home (Before)

Home (After)

• FCP: 5.0 s to 1.0 s (5.0x improvement)
• LCP: 7.2 s to 2.0 s (3.6x improvement)
• Total Blocking Time: 510 ms to 100 ms (5.1x improvement)
• Cumulative Layout Shift: 0.104 to 0 (Complete elimination)
• Speed Index: 6.3 s to 1.9 s (3.3x improvement)

Playground (Before)

Playground (After)

2x improvement in FCP and Speed Index. Unfortunately 100 isn't possible as it loads a full flown GraphQL IDE with intellisense

Desktop

(Home) Before

(Home) After

3x improvement in FCP, LCP and 2x for Speed Index.

(Playground) Before

(Playground) After

0.9x improvement in FCP, 2.4x forLCP and 2x for Speed Index.

/claim #216
/claim #217

fixes #216
fixes #217

[tusharmath]

Don't see this geting merged anytime soon. Closing it for now. I think docusaurus can produce significantly fast websites without going to vercel.

[tusharmath]

/tip $100

For your efforts 🙌

[algora-pbc]

🎉🎈 @neo773 has been awarded $100! 🎈🎊

• Share on socials
• Give feedback