← Terug naar blog
Website Bouwen

Building the Infinity Platform

Door Alapty teamBewerkt op 9-7-20253 min lezen
Building the Infinity Platform

Welcome to the Blog Post on building the Infinity Platform

It started with the idea to share information that most of us did not learn in (high)school or university about finance, fitness, nutrition and so much more. For this we need at least a platform, like this website to share the information. It shouldn't be just a website with information but it has to be interactive, responsive and extendable. The information that is available should be actionable and useful.

Key Features that have been implemented so far on this website:

  • Next.js and react
  • Blog page(s) with category, filter and search option.
  • Tools
    1. Mortgage Calculator
    2. Subscriber List
  • Light/Dark mode
  • Website Analytics

How was it all build? Mostly with https://x.ai/ (Grok).

it all started with the following prompt:

Help me build a platform with blog-like features, tools like a mortgage calculator and progress tracking.

Let us start with a Minimum Viable Product (MVP) using Next.js, React, a domain, hosting and a blog with basic content creation (posts with text, images).

Basic Navigation: Homepage, blog page, about page. Styling: CSS

Please take me step by step to the progress of building this website platform.

Keep things as simple as possible with dependencies, use as little as possible and only select packages that are proven to work together in a stable manner.

After going through the initial setup with Grok and refine it a bit I had to start a new conversation that started with the following prompt:

Help me continue to work on a Next.js 15.3.4 project with TypeScript, next-auth, next-themes, better-sqlite3, react-dropzone, marked, and sanitize-html.

Focus on:

  • Minimal changes to only the necessary lines or functions in the relevant files
  • Preserving all existing functionality
  • Providing snippet-based updates instead of full files, unless a new file is needed.
  • Explaining each change and its impact.
  • Including testing steps to verify the fix.
  • Checking compatibility with my dependencies

If you need my current code for specific files let me know which ones, and I’ll share them. Avoid overwriting unrelated functionality. Currently this is the MVP (minimal viable product). Lot of things can be and must be improved.

As of 29-06-2025 the following topics still need to be addressed:

  • Improve UI
  • Socials (X, Discord, Youtube)
  • User Profiles
  • Tools page
  • Mobile UX improvements
  • Template share
  • Step-by-step guides on for example building this blog using xAI