 We shipped a shiny new docs site: docs.mux.com . This is the story of why and how we did it. Today, I’m going to talk about some of the usability testing we did that led to that decision, and about h ...

Building better docs 

Find out how to implement gated-content with the Jamstack.

Gated content and the Jamstack. Is it achievable? Of course!

This guide covers how to build a fully-functioning Next.js commerce storefront with GraphCMS and Stripe, using the GraphCMS Commerce Starter.

Creating a Next.js storefront with GraphCMS

Next.js 10.1 introduces 3x faster refresh, 58% smaller install size, 56% less dependencies, WebAssembly Image Optimization, improved next/image support, and more!

Next.js 10.1

Learn how to send transactional emails from your Next.js application using Sendgrid and Dynamic Templates.

🗂 CODE: https://gum.co/klXhE

⏰ TIMESTAMPS ⏰

Introduction: 0:00

Email Template: 0:57

Inline the CSS: 5:00

Add the Dynamic Template in Sendgrid: 6:20

Create the Email Class in Next.js: 7:49

Using the Email Class in Login Route: 10:53

Demo: 13:07

🔗 HELPFUL RESOURCES 🔗

Email templates: https://github.com/wildbit/postmark-templates

CSS Inline Tool: https://automattic.github.io/juice/

Blaumail Email Template: https://themeforest.net/item/blaumail-responsive-newsletter/117546

Stampready: https://www.stampready.net/dashboard/index.php

👋 FOLLOW US 👋

Instagram: https://instagram.com/skillthrive/

#Nextjs #Dev #JavaScript

Send Emails From Your Next.js App With Sendgrid

When front-end developers are learning the full-stack, they often stumble on which backend to use. If they hear Redis, they think of in-memory caching. That's what I thought, at least. After doing more research, I was surprised to find Redis excels at hashmaps, counters, sorted lists, and even queues. It's possible to use Redis for your entire database!

This video will explore using Redis with Next.js in Serverless environments.

0:00 – Introduction
0:35 – Demo of Application
1:27 – Serverless Redis (Upstash)
2:17 – Deploying to Vercel
3:25 – Running Locally
3:44 – Connecting to Redis
4:08 – Fetching Data from Redis
4:51 – Explaining SSR (getServerSideProps)
5:09 – Explaining SWR (Client-side fetching)
5:46 — Adding Data to Redis
8:04 — Email Form and HTML Validation
9:05 – Conclusion

Links
–––––
Blog: https://leerob.io/blog/serverless-redis-nextjs
Demo: https://roadmap-redis.vercel.app/
Deploy your own: https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fnext.js%2Ftree%2Fcanary%2Fexamples%2Fwith-redis&project-name=redis-roadmap&repository-name=redis-roadmap&demo-title=Redis%20Roadmap&demo-description=Create%20and%20upvote%20features%20for%20your%20product.&demo-url=https%3A%2F%2Froadmap-redis.vercel.app%2F&integration-ids=oac_V3R1GIpkoJorr6fqyiwdhl17
Serverless Redis: http://upstash.com/

–––––
Blog: https://leerob.io/
Twitter: https://twitter.com/leeerob
GitHub: https://github.com/leerob
Course: https://react2025.com/

Using Serverless Redis with Next.js

Download Tabnine Now 👉  https://www.tabnine.com/now?utm_source=youtube.com&utm_medium=Ins&utm_campaign=Sonny
 
Check out Hostinger 👉 https://www.hostinger.com/sonny
SPECIAL DISCOUNT: Use code SONNY for 7% OFF Annual Plans!

Join me as I build Whatsapp 2.0 with NEXT.JS! (with 1-1 Messaging,  Live Status, React.js & Styled-Components) || 🔥 Powered by Firebase!

🚨 JOIN THE PAPAFAM:
Join the world's BEST developer community "Zero to Full Stack Hero" NOW: https://www.papareact.com/course

Zero to Full Stack Hero covers simplified to advanced concepts in most of the programming languages. Useful if you want to start learning programming or want to perfect your skills in a certain language. The course features an exclusive Slack community and a Github Repo which contains source code of all the builds made on YouTube and a Resume Starter Pack. It also features weekly coaching calls to interact and code alongside me.

🔴 LOOKING FOR THE CODE? 🛠️
https://www.papareact.com/offers/nBK3v2ym

📩 SUBSCRIBE TO THE WEEKLY NEWSLETTER
https://papa.mykajabi.com/forms/584094

👇🏻FOLLOW ME HERE:
Instagram: https://www.instagram.com/ssssangha
Facebook: https://www.facebook.com/sonny.sangha.3
LinkedIn: https://www.linkedin.com/in/saajansangha
Twitter: https://twitter.com/SonnySangha
Discord: https://coaching.papareact.com/discord-personal-invite

💰 WANT TO SUPPORT THE CHANNEL?
Donate here: https://streamlabs.com/sonnysangha/tip
Grab some PAPA merch: https://teespring.com/en-GB/stores/papa-react

🕐 TIMESTAMPS:
[Will be added shortly after video is uploaded]

Let’s get it PAPA fam🔥.

#reactjs #nextjs #whatsapp

🔴 Let's build Whatsapp 2.0 with NEXT.JS! (1-1 Messaging, Live Status, Styled-Components, React.JS)

For this code along we hosted Lee Robinson, who works at Vercel as a Solutions Architect and leads DevRel for Next.js. Lee showed the community how to build a Serverless Next.js application using HarperDB, and deploy it to Vercel. The application utilized Next.js API Routes, which get deployed as Serverless functions on Vercel, to connect to HarperDB via our REST API. Vercel is a cloud platform for static sites and Serverless Functions. It enables developers to host websites and web services that deploy instantly, scale automatically, and require no supervision; all with no configuration. Next.js is an open-source React framework for web development for both server-rendered and static web applications.

Sign up for a free HarperDB Account: https://studio.harperdb.io/sign-up
Sign up for a free Vercel Account: https://vercel.com/signup
Lee's Code on Github: https://github.com/HarperDB/vercel-code-along
Follow Lee on Twitter: https://twitter.com/leeerob
Follow HarperDB on Twitter: https://twitter.com/harperdbio

Build a Serverless Next.js App with HarperDB & Vercel!

In this video, we go over how to get up and running with #NextJS in a Headless #WordPress setup.

Code: https://github.com/alexander-young/wp-next-headless

My favorite caching plugin - WPRocket: https://wpcasts.tv/go/wprocket

💖 Become a Patron to show support & get perks!
 https://www.patreon.com/wpcasts

Sign up for the newsletter. Free course coming soon:
https://wpcasts.tv

**SOCIAL**
Twitter: https://twitter.com/AlexanderBYoung
Facebook: https://www.facebook.com/WPCasts.tv/

Building better docs (mux.com)

Gated content and the Jamstack. Is it achievable? Of course! (medium.com)

Creating a Next.js storefront with GraphCMS (graphcms.com)

Next.js 10.1 (nextjs.org)

Send Emails From Your Next.js App With Sendgrid

Using Serverless Redis with Next.js

🔴 Let's build Whatsapp 2.0 with NEXT.JS! (1-1 Messaging, Live Status, Styled-Components, React.JS)

Build a Serverless Next.js App with HarperDB & Vercel!

Getting Started with Headless WordPress with NEXTJS & WPGRAPHQL

Next.js and Contentful with Lee Robinson from Vercel