LLM

Welcome to part 9 of this tutorial series. This is the final part and in this bonus part of the series we will take a brief look at how to deploy our website to the internet. This will span several topics, some of which deserve their own tutorial series, so I’ll try to explain each

Hi and welcome back to part 8! Kudos for making it this far! 🎉 It’s time to put the finishing touches on our app and add an image of the character the user is chatting with, as promised in the last part. The first thing we’ll have to do is update our ChatMessage type to

Welcome back to part 7! Let’s continue straight where we left off and continue on our blockbuster chat V2. Make sure you have your blockbuster_chat_2/page.tsx file open where we just finished defining our ChatBubble component in the last part: Getting started on the main component Let’s write the main BlockbusterChat component in here. This one

Welcome back to part 6 of the tutorial series. In this part, we’ll be leveling up our chat app by making it into a real conversation with memory and making it look a lot better at the same time. We’ll also be using a library called daisyUI to help us style our chat a lot

Welcome to part 5 of the tutorial! In this part, we’ll be adding a chat feature to the Blockbuster page. We’ve been preparing for this for so long, and now we’ll finally get to create something cool (and understand what we’re doing in the process!). We’ll continue to work on our route.tsx file in the

Welcome back to part 4 of this tutorial series! In this part, we’ll add in ChatGPT, but before we get there, it’s time to apply the knowledge we’ve gained and fetch our t-rex todos list from our own API endpoint. Fetching data from our own API So let’s go back to our page.tsx file inside

Now that we have a basic site with two pages, it’s time to look at how we can get some content onto these pages. We don’t just want to type some text on there and have static content, we want to be able to pull in data from other sources and display dynamic content based

Welcome back to part 2 of this tutorial series. In this part, we’ll first get started by looking at how to create and navigate between multiple pages in Next.js, as just having a single page is not very useful! Routing in Next.js Routing in Next.js is very easy and almost magical even. Where in every

Hi and welcome to this new tutorial series on building AI applications using Next.js. In this first part, we’ll get started on the basics and setting up Next.js for our project. What is Next.js? Next.js is a powerful React framework designed to build fast, search-engine-friendly, and dynamic websites. It uses server-side rendering (SSR) and static