Build a lightning fast app with Next.js, Tailwind and GraphQL

Pick the right tools for the jobπŸ› 

It’s extremely important to pick the right tools for the job along with monitoring your performance.

What is Next.js ✨

Next.js is a React framework for production that gives you building blocks to create fast web applications. If you know react then choosing nextjs is going to be simple.

Rendering Techniques in Next.js

Performance with Next.js

Dynamic Imports

Defer non-essential scripts

Next.js Image component

Server-side rendering & Caching Headers

What is GraphQL πŸ“ˆ

GQL performance

Apollo client does the heavy lifting for you πŸ’ͺ🏽

Apollo Client hooks πŸš€

What is TailwindCss?

Think of Tailwind like a giant box of LEGO β€” you dump it all out on the floor and build what you want to build, then when you're done you put all the pieces you didn't use back into the box.

Why Tailwind? πŸ€”

Tailwind design system

Tailwind is Utility first

Design system πŸ’…

Performance with Tailwind ⚑️

Small practices lead to better site πŸ˜‡

What does the future ✨ look like?

Last updated:

. . .

Frontend Snacks 🍿

πŸ’Œ A Frontend Newsletter you'll love, Get FREE weekly Snacks

  • 🎨 A code snippet to teach Complex Topics visually
  • πŸš€ Latest Frontend Gossip
  • πŸ‘‰ Frontend Developer Toolkit - with FREE templates and tools

πŸͺ΄ All this to help you grow as a developer & in your day to day!

No spam, unsubscribe anytime.