Awesome Next.js #10

Welcome to the 10th issue of this newsletter!

This week quite a few Next.js tutorials and quick tips were published. It makes me happy that all but one are from new creators, not featured before in this newsletter.

Persisted GraphQL Queries in React.js with OneGraph & Next.js

Persisted GraphQL queries are an interesting concept to improve performance and security, as the server only responds to a limited list of queries. Jakub Neander shows you how to create a persisted query in OneGraph and consume it from Next.js in this video.

Building a screenshot project with Next.js + Vercel + Headless chrome + AWS S3 for uploading images

Learn how to take website screenshots with Next.js API routes, pupeteer and upload them to AWS S3 with this video from Mehul Mohan.

How to use NextJS with Headless WordPress

In this article Dave Davies explains how to get started with Next.js and headless WordPress using Colby Fayock's Next.js starter.

How To Build A Blog With Next.js And Tailwind: Part 1

Harry Wolff kicked of a three part series on how to build a blog with Next.js and Tailwind. This video focuses on getting the blog set up with Next.js. Part 2 will be all about TailwindCSS. Part 3 will be about how to make Next.js render Markdown with Tailwind's Typography plugin. Looking forward to these next two videos as I really like his fun teaching style.

In this video Pragmatic Reviews is going to show you how to setup Sign In with Slack using NextAuth.js. He also released one on how to sign in with Spotify and one on how to sign in with passwordless authentication before.

Next.js contact form using react-hook-form and api route for submission

Adam Richardson builds a simple contact form with some validation using react-hook-form in this video and sends an email using nodemailer.

As always find more awesome Next.js videos and articles on Awesome Next.js.

Happy coding! Andreas