Dennis O'Keeffe

All results for tag: nextjs

  1. Next.js + Vercel AI Package In Action

    7 min read

    Get started with the new Vercel AI SDK in this quick demo with NextJS.

  2. The Benefits of Combining Static Site Generation with Incremental Static Regeneration

    9 min read

    Learn how you can statically generate pre-determined Next.js pages using a database for improved build times while still allowing for dynamic content to be generated on the fly.

  3. Using The New Vercel Open Graph Image Generation

    6 min read

    Following the release of Satori and Vercel's new open graph image generation, follow along as I demonstrate how I updated my own open graph images for the blog.

  4. Next.js Enterprise Project Structure

    12 min read

    Set yourself up for success in large Next.js project structures by following this opinionated layout.

  5. Next.js Shortened URL Automation

    6 min read

    Automate the process of creating shortened URLs for your Next.js posts with this how-to guide.

  6. Introduction To Caching With Next.js

    21 min read

    The beginner's guide to how different forms of server and client caching work with Redis and React Query.

  7. Dev Only Next.js Routes

    5 min read

    A method to protect your Next.js routes from being accessed in production.

  8. Releasing workingoutloud.dev

    1 min read

    A Sunday morning product built to help be more public about my work and day-to-day life.

  9. Dynamic UIs Using Dynamic Imports, Next.js 10 and React State

    3 min read

    See how you can dynamically create UIs based on React State using dynamic imports, Next.js 10 and React State

  10. Implementing Simple Auth To Your Next.js Website using Next.js Auth

    5 min read

    This post will go through a simple example of setting up simple authentication with a user and password to your Next.js website.

  11. Exploring The New Image Component With Next.js

    4 min read

    This blog post will explore the new Next.js Image component for an optimised image experience on the web.

  12. Exploring Internationalisation With Nextjs 10 and react-intl

    7 min read

    This blog post will explore the new internationalised routing in Next.js 10 and how you can use this to your advantage with react-intl for React.js

  13. Taking Stripe Payments With Next.js 10, TypeScript 4, React 17 and Vercel

    10 min read

    Learn how to create a test Stripe example, update that example and deploy to Vercel for a Stripe payment gateway, React 17, TypeScript 4 and Next.js 10

  14. Exploring Vercel Analytics Using Next.js 10 and GTMetrix

    5 min read

    See a roundup of my look into Vercel's new analytics feature that you can enable on a Vercel project and see how I used GTMetrix to help push some numbers.

  15. Deploying Next.js 10 With Vercel CLI and the Vercel GitHub Integration

    4 min read

    Learn how to deploy the base Next.js 10 app with the Vercel CLI and/or the Vercel GitHub Integration

  16. Exporting Static HTML From A Nextjs 10 Site

    3 min read

    Learn how to export static HTML from a Nextjs 10 project to host