Enabling AMP in your Next.js projects
Next.js projects can enable AMP to improve SEO performance and search engine rankings.
CTO at Contenda. Previously at Netlify, CodePen, and Amazon. Known for tech humor and newsletters.
https://cassidoo.coNext.js projects can enable AMP to improve SEO performance and search engine rankings.
Babel presets and plugins extend Next.js functionality for enhanced code capabilities.
React's children prop is often misunderstood by developers and needs better explanation, much like real children need understanding.
Next.js allows API calls at build time and runtime, each approach having distinct advantages and tradeoffs.
Next.js collects usage data by default, but you can disable this telemetry to prevent data collection.
Netlify's snippet injection feature enables you to add web monetization to your websites quickly and easily.
Next.js log location depends on where you call the logging function - server-side logs go to terminal, client-side logs go to browser console.
CodePen projects can be deployed to Netlify in under 30 seconds—faster than reading about it.
React Strict Mode in Next.js helps developers identify potential problems in their code during development.
Next.js environment variables are straightforward, and importing them to Netlify is easy too.
Next.js allows you to apply global styles across your entire application for consistent styling.
Create a custom 404 error page in Next.js to help users navigate when they land on a non-existent page.
Learn how to replace long, messy relative import paths with cleaner absolute imports in your Next.js applications.
Netlify's team shares their experience and benefits of mob programming while working remotely together.
Learn to create a custom React hook that detects window sizes, going beyond CSS media queries for more dynamic responsive behavior.
Next.js server-side code requires special tricks to access browser/client-side features when needed.
React Fast Refresh is the new version of hot module reloading, allowing developers to see code changes instantly without losing component state.
Next.js offers SSR and SSG - learn which rendering method to choose for your website based on your specific needs.
Learn to manage state across Next.js apps using built-in React Context—no extra installations needed.
Tips for ambitious developers to avoid burnout and maintain sustainable work habits while pursuing their goals.