Blog Posts
Blog Posts
How to Animate on Scroll with React Intersection Observer and Tailwind in a Next.js App
Learn how to create an animation effect that is triggered when a component comes into view using React Intersection Observer and Tailwind in a Next.js app directory. Discover the options available in the react-intersection-observer package and how to use the tailwindcss-animate package to style the animations. Follow the code example provided to implement this feature in your Next.js app.
Jan 25, 2023
Next.js
React.js
Web Dev
TailwindCSS
How to set up Google Analytics on a Next.js website
A guide to help you set up Google Analytics 4 on your Next.js website.
May 14, 2022
Next.js
Analytics
Web Dev
Zero to Next.js Example with WSL2 in W11
How to set up your web development environment with WSL2 in Windows 11 to run a Next.js example.
Apr 16, 2022
Next.js
WSL
Windows 11
VS Code Competitive programming setup
How to set up VS Code to solve coding challenges from CodeForces.
Oct 26, 2021
VS Code
DSA
Software Development
Next.js in a VS Code development container
A simple and minimalistic template to develop your Next.js application in a VS Code development container.
Jun 11, 2021
Next.js
Docker
VS Code
Pull ENV variables from Vercel
Pull the ENV variables from a Vercel project using the CLI.
Apr 18, 2022
Vercel
CLI
Web Dev
A short introduction to python collections
Use the right data structure for the job with the containers from Python's collections module.
Dec 15, 2021
Python
Data Structures
Libraries
Next Conf 2021 Notes and Resources
Notes and resources from Next Conf 2021 and Next.js 12.
Nov 13, 2021
Next.js
Conference
Summary
Use a Lite YouTube Embedded Player in Next.js
How to integrate a lite YouTube Player in a Next.js application for performance improvements.
Oct 24, 2021
Video
Next.js
Performance