Introducing Modern Next.js Assistant built by OpenAI GPTs: How agent-based document-grounded LLMs improve workflow efficiency

Navid Rezaei
2 min readNov 10, 2023
Logo of Modern Next.js Assistant. Generated with DALL-E 3

Today, I am releasing an agent-based document-grounded assistant using OpenAI GPTs that focuses on a specific software stack: Next.js with app Router, TypeScript, Shadcn, and Tailwind CSS.

You may access it via this public link:

Why is This Important?

Fine-tuning Large Language Models (LLMs) does not erase the knowledge previously acquired through training. This results in the unintentional retention of outdated knowledge, leading to unreliable outcomes in scenarios where information is subject to change. Examples include a recent update in an API or the introduction of a new medical treatment superseding an older one.

There are two possible scenarios in training.

  1. The information change occurs post-training cutoff:

In such instances, our options are limited. However, intent alignment methods like Reinforcement Learning from Human Feedback (RLHF) can be utilized.

2. The information change occurred pre-training cutoff:

Here, the training data is heavily skewed towards outdated information, such as an obsolete API method. This data imbalance leads to the persistence of old information in LLM results, even when the model is prompted to utilize the latest data.

The ideal solution involves modifying transformer models (the core architecture of GPT models) to unlearn incorrect information and integrate new data as needed. This is currently an area of research.

Meanwhile, a practical approach involves anchoring models to prioritize the most relevant or recent data. This strategy has its challenges, including managing the model’s limited context window, selecting appropriate information, and focusing more on pertinent data.

Consequently, developing an agent system that can anchor on specific data is crucial for the effective short-term/mid-term utilization of LLMs.

Next.js Router Change

Next.js, a popular React framework, is used for building single-page applications (SPAs) or even full-stack applications. The framework traditionally organized web pages under the “pages” folder. In October 2022, a new router folder named “app” was introduced. The last training dataset of the GPT-4 model had a cutoff in September 2021, and at the recent OpenAI developer conference, the training dataset was updated to around April 2023. Even with the LLM training update, the second issue mentioned above remains.

This is an experiment. Please use and share your feedback on its effectiveness.

Using the new GPT Assistant to build an Signup page

The chat with the assistant can be found here:

The final result is available here:

Let’s connect on Medium or social media to keep in contact:

Twitter | LinkedIn | Medium