Oops! Since writing this, I found out that Remix and React Router have merged—so technically, there’s no “Remix” anymore. I’ll still be rebuilding Tartarus Insight, but now the comparison will be between Next.js and React Router.

I had an idea to create an AI bot that gives helpful, actionable advice to entrepreneurs and solopreneurs. But I wanted it to have a unique concept.

In Greek mythology, Tartarus is a deep abyss of suffering—much like the challenges entrepreneurs face. In Tartarus Insight, an Oracle (the AI) serves as their guide, offering wisdom to help them navigate the chaos.

Since Tartarus Insight is a simple AI bot, I wanted a cool design to make it stand out. But… I’m not a designer. So, I turned to AI-generated designs to help me out.

Initially, I wanted to build the app using Next.js, but since I’m still a beginner with it, I figured it’d be easier to first build it with just HTML, CSS, and JavaScript, then convert it to Next.js later. That approach felt more natural to me.

What is Tartarus Insight?

Tartarus Insight is a simple website with four pages. Only one page (oracle.html) interacts with the AI. The rest (index.html, policy.html, and help.html) are just static pages. There’s no login, no database, no sessions, and no payment system—just a simple connection to different AI APIs.

Since it’s such a simple project, I thought it would be a great way to experiment with other frameworks—like Remix! Since I’m a beginner with Next.js and I’ve never used Remix, I thought it would be a good idea to compare these two frameworks from a beginner’s perspective by rebuilding this simple app—not just another to-do app.

Project Overview: What We’re Working With

Tartarus Insight has four pages, all sharing the same footer. The only difference in the header is on the home page.

The policy.html and help.html pages contain only text. The home page (index.html) is also a static page, though it has five sections where the design could be tricky to implement with a framework like Next.js. Then there’s oracle.html—where the magic happens! Here, you can select the model you want, whether it’s OpenAI, Anthropic, or Ollama, and start asking questions.

Converting Tartarus Insight to Next.js and Remix will be a series where I’ll document what I learn in a tutorial-style format. Each tutorial will be a side-by-side comparison between the frameworks. I’ll cover topics like installation and setup, routing differences, fetching data from APIs, handling forms, deployment, and anything else that comes up along the way.

These posts may have a tutorial format, but they’re not expert guides—I’m learning as I go! So if you spot any mistakes or wrong conclusions, feel free to point them out. I’d love to learn from you too!