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?