The Journal

Thoughts, tutorials, and research on modern web development, AI automation, and building scalable products.

Building an AI Chat Widget with OpenAI and Next.js

Featured

tutorial

Nov 25, 2025

22 min read

Building an AI Chat Widget with OpenAI and Next.js

Learn how to build a real-time AI chat widget using OpenAI's GPT API, streaming responses, and modern React patterns.

AIOpenAIChatGPTNext.js

Building a Professional Booking System with Cal.com and Calendly

A comprehensive guide to integrating Cal.com and Calendly into your Next.js portfolio for professional appointment scheduling.

Building a Multilingual Portfolio with Next.js and next-intl

A comprehensive guide to implementing internationalization in Next.js with next-intl, including routing, translations, and SEO.

Showing 9 posts

Integrating Sanity CMS with Next.js: A Complete Guide

Learn how to integrate Sanity CMS with Next.js, including schema design, GROQ queries, preview mode, and image optimization.

Complete Guide to Migrating to Next.js 16

A comprehensive guide to upgrading your Next.js application to version 16, covering Turbopack, breaking changes, and best practices.

Building Scalable Next.js Applications with Turborepo

Learn how to structure and scale your Next.js applications using Turborepo monorepo architecture, shared components, and optimized build pipelines.

The Future of AI-Driven Automation in Web Development

Exploring how artificial intelligence and automation are transforming the way we build, test, and deploy web applications.

React Server Components: A Deep Dive

Understanding the architecture, benefits, and implementation patterns of React Server Components in Next.js 14.

Advanced TypeScript Patterns for Enterprise Applications

Master advanced TypeScript patterns including conditional types, mapped types, and template literal types for building robust applications.

Read Article