Creating an SEO Component in Next.js
Learn how to improve your Next.js site’s on-page SEO by creating a reusable component.
All Posts - Page 2
Explore posts by category
Set Canonical URL in Next.js
Learn how to set a clean canonical URL for current page.
How to Get Current Route in Next.js
Learn how to get current route in your Next.js application.
Heroku Free Tier Alternatives for Node.js Projects
Heroku free tier alternative services for testing or hosting small Node.js applications.
Hiding Components on Page Change in Next.js
Learn how to hide a component in Next.js by changing its state while user is navigating from one page to another.
How to Learn Tailwind CSS
CSS/
Learn the basics you need to know to start working with Tailwind CSS.
How to Set Up MDX in Next.js
A guide on adding MDX to your Next.js project. You will learn how to set up MDX with 3 different packages to choose which one fits your needs the best.
How to Navigate to Another Page in React
A guide to navigating from one page to another in React. Learn how to use React Router to navigate between internal pages in single page applications. Or, just use plain JavaScript.
Migrating a Markdown Blog From Gatsby to Next.js
A list of things to consider when migrating a Markdown blog from Gatsby to Next.js.
How to Start a Blog With Next.JS
An overview of things you should think about before creating a blog with Next.js.
The Easiest Way to Create a Markdown Blog in Next.js
A guide to creating a Markdown blog from scratch in Next.js.
How to Use Next.js Image Component in Markdown
Learn how to use the Next.js image component inside Markdown.
Using Relative Paths in Markdown Images With Next.JS
A guide to using relative paths for images inside Markdown in your Next.js blog. Transform relative paths to absolute ones using your own remark plugin or react-markdown.
Storing Images and Markdown Files in One Folder in Next.js
A guide on keeping images next to Markdown files in a Next.js blog. Store assets and content in one folder and copy them to public directory at build time.
How to Change the Author of All Commits in a Git Repository
Git/
Guide to changing the author name and email of all commits in a Git repository. Use git filter-repo or git filter-branch to rewrite author data in commit history.
Opening External Links in React
A React guide to opening external links in either the same or a new tab. Create a component to show an icon next to external links. And finally, learn how to open links using JavaScript code in React.
What Does noopener and noreferrer Mean in HTML
HTML/
This post explains what “noopener” and “noreferrer” do when you add them to an <a> element. When to use them and their impact on browser security and SEO. Includes an example of a possible exploit.
How to Use SVGs in Next.js
Set up SVGR in Next.js to import and use SVGs like a React component.
Pre-Rendering Routes With Multiple Parameters in Next.js
How to statically generate pages from dynamic routes with multiple parameters in Next.js.
How to Use SCSS With CSS Modules in Next.js
Tutorial on setting up Sass with SCSS syntax in Next.js. You will learn how to use SCSS inside CSS modules and in global styles. You will also learn how to set up Webpack aliases for imports inside SCSS files.
How to Set Up Redirects in Gatsby
Setting up redirects on Netlify and Gatsby Cloud.
Adding Context to Automatically Created Pages in Gatsby
How to modify context of generated pages in Gatsby.
How to Run Multiple Queries in Gatsby
Running several GraphQL queries in a single Gatsby page component or static query.
Creating a Top Blog Posts List in Gatsby
How to create a list of most visited posts in a Gatsby blog using data from Google Search Console.
How to Use Google Search Console API in Node.js
Learn how to set up your Google Cloud Platform project to use Search Console API from a Node.js client.