Category: Tutorials

  • Next.js vs. React Router(Remix): Creating the Chat Interface – Part 5

    Next.js vs. React Router(Remix): Creating the Chat Interface – Part 5

    This is where everything starts to come together. In this post, I’ll rebuild the core chat interface that allows users to interact with the AI — sending messages, receiving responses, and managing the flow of conversation. I’ll implement this in both Next.js and React Router, exploring how each framework handles dynamic interaction and the connection…

  • Next.js vs. React Router(Remix): New Pages & Layout – Part 4

    Next.js vs. React Router(Remix): New Pages & Layout – Part 4

    With the homepage complete, it’s time to give the site more structure. In this post, I’ll add two new pages: Policy and Help. These pages share a common layout: This layout is similar to the homepage, but with some small differences. For example, the homepage doesn’t include the banner. This is the perfect moment to…

  • Next.js vs. React Router(Remix): Home Page Structure – Part 3

    Next.js vs. React Router(Remix): Home Page Structure – Part 3

    Now that the fonts are in place, it’s time to start building! In this post, I’m recreating the structure of the Tartarus Insight homepage using both Next.js and React Router. The layout includes some classic sections you’ll find on many landing pages: a menu, hero section, about section, how it works, examples, FAQs, and a…

  • Next.js vs. React Router (Remix): Google Fonts & Images – Part 2

    Next.js vs. React Router (Remix): Google Fonts & Images – Part 2

    Now that the project is set up, cleaned up, and pushed to GitHub (as covered in my previous post), it’s time to prepare the ground for building. Before jumping into individual pages and components, I’ll focus on setting up global styling, fonts, and images for both Next.js and React Router. These are shared across the…

  • Next.js vs. React Router(Remix): Setting Up the Project – Part 1

    Next.js vs. React Router(Remix): Setting Up the Project – Part 1

    Project Setup I started by creating a root directory named tartarus-insight-rebuild. Inside it, I created two subdirectories—one for each framework. The directory for Next.js is named nextjs, and the directory for React Router is named react-router. Inside the nextjs directory, I ran: The . (dot) ensures that the project is created in the current directory….

  • Next.js vs. Remix: Rebuilding Tartarus Insight from Scratch

    Next.js vs. Remix: Rebuilding Tartarus Insight from Scratch

    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…