Transform your old website from a static archive into a dynamic, Nostr-powered hub. Breathe new life into legacy content with AI-powered modernization and live decentralized feeds.

Revive Your Legacy Website with MKStack

Transform your old website from a static archive into a dynamic, Nostr-powered hub. Breathe new life into legacy content with AI-powered modernization and live decentralized feeds.

Do you have an old personal site collecting digital dust? Maybe a community homepage that hasn't changed since the early 2000s? Or a business website that's still functional, but stuck in the past?

You're not alone.

Across the web, countless websites are frozen in time. They're still packed with valuable content, memories, or resources, but lacking the design, features, and connectivity that modern audiences expect.

It doesn't have to stay that way.

AI-Powered Website Modernization

With MKStack, you can breathe new life into your existing website—without starting from scratch. Whether your site is made of old HTML files, Markdown posts, or a mix of legacy pages, MKStack makes it easy to bring it all into the modern era.

You don't need to be a designer or developer. Just run two simple commands:

$ npm install -g @getstacks/stacks
$ stacks mkstack

Enter a few guided prompts and the beauty and ease behind the MKStack template will be revealed. Dork, the name of the Stacks agent, will begin by cleaning up your layout, applying a fresh, modern design, and ensuring everything looks great on mobile devices. Dork will improve the overall user experience, preserve your original content and structure, and even suggest new pages or features to help your site evolve.

In just minutes, your old site is transformed before your very eyes. It's refreshed, relevant, and ready for the future, all while honoring its original character.

Who is this for?

Whether you're a creator looking to revive an old blog or portfolio, a community organizer modernizing your group's homepage, or a business owner updating a static site to include social reach and a fresh design; MKStack is built for you. It's designed to empower anyone who wants to preserve their existing content while making it relevant for today's web, complete with modern design and Nostr-powered connectivity.

Perfect for Every Use Case

Creators & Artists

Revive old blogs and portfolios
Showcase work with modern design
Connect with Nostr community
Auto-updating content feeds

Community Organizers

Modernize group homepages
Live event calendars
Community announcements
Decentralized communication

Business Owners

Update static business sites
Fresh, responsive design
Social media integration
Enhanced customer reach

Why Nostr integration?

Because a website that never changes fails to be relevant. Connecting it to Nostr transforms it from a static archive into a dynamic extension of your digital life, built on a foundation of true sovereignty. The "why" goes deeper than just keeping content fresh; it's about aligning your website with the core principles of Nostr itself.

On Nostr, you own your content and your data, free from the control of any corporation. By feeding this content to your site, you reinforce that ownership, creating a definitive showcase for your work that no platform can alter or take away. Nostr is decentralized and censorship-resistant, meaning your website's live feed is built on a foundation that guarantees your voice cannot be silenced. Because you are in charge of your social graph and your attention, you get to be the algorithm. You decide what content gets highlighted on your site, creating an authentic, unfiltered narrative for your audience. This integration makes a powerful statement: your website is not just a collection of pages, but a true, decentralized hub that reflects your values of freedom and self-ownership.

What kind of content can you integrate?

The beauty of this MKStack lies in the rich diversity of content you can pull from Nostr to dynamically enhance your website. It's about bringing your entire digital presence to life and showcasing it to the world.

You can seamlessly embed your latest posts to create a "Micro-blog" feed.
For writers, your long-form articles can automatically populate your blog page, creating a self-updating portfolio.
Photographers and artists can build stunning photo galleries and video showcases by pulling media directly from their posts, even filtering by specific hashtags.
You can even embed live streams to capture your audience the moment you go live.
You can display a public list of calendar events, community meetups, and online gatherings.

Essentially, almost any type of activity you share on the Nostr protocol can become a living component of your website, transforming it from a simple page into a comprehensive hub for you, your content, your community, or your business.

See Nostr in Action on Soapbox.pub

This very method was used to revive Soapbox.pub itself! The old Soapbox website was a static site that hadn't been updated in years. Using this process, we transformed it into the dynamic, Nostr-powered hub that pulls in live profiles, social media posts, app showcases, and protocol specifications. We encourage you to explore this site to discover the many creative ways dynamic Nostr content has been integrated. From the team posts on our About page to the live developer feeds throughout the site, you'll find inspiration for your own Nostr-powered website!

Upgrading your Legacy Website

Step 1: Install Stacks and create your project

First, open your terminal. We'll install the Stacks command-line interface.

$ npm install -g @getstacks/stacks

Once the installation is complete, you can create your new website project using the MKStack template. This command will create a new folder for your project and kick off an interactive session with Dork, your AI agent.

$ stacks mkstack

Follow the prompts to name your project. Dork will then set up the entire project structure for you. If you're running into problems or need additional insight, check out our full tutorial for more information.

Step 2: Bring your old website in

Now, you need to give MKStack access to your old website's files. Locate the directory on your computer where your old site is stored (e.g., ~/Documents/MyOldSite).

Copy that entire folder and place it inside the new MKStack project directory you just created. For clarity, let's say you've copied it and named the folder old-site.

Step 3: Tell Dork what to do

This is where the magic happens. With your old content now inside the project, you can instruct Dork, your AI agent, on how to use it. Start a conversation with Dork in your terminal and tell it what to build using the files in the old-site directory. Be specific and clear.

Here are several examples of prompts you could give Dork:

To rebuild your homepage:

"Use the file /old-site/index.html as the content for the main homepage. Apply the new modern design to it."

To create a multi-page site:

"Create an 'About' page using the content from /old-site/about.html and a 'Contact' page using the content from /old-site/contact.html."

To migrate a blog from Markdown files:

"Take all the markdown files located in the /old-site/posts/ directory and create a new 'Blog' section. Each file should become a separate blog post, and please create a main page that lists all of them."

To build a gallery from your old images:

"Find all the JPG images inside the /old-site/gallery/ folder and create a new 'Gallery' page displaying them in a responsive grid."

Let Dork have full creative control:

"Use all of the content from the /old-site/ directory and build a completely new modern website."

Dork will parse your requests, read the specified files, and generate the new React components and pages for your site. Once your legacy content is in place and looking fresh, you're ready for the next powerful step: enriching it with live Nostr feeds.

Adding Live Nostr Feeds

Now that your site has a modern foundation with your legacy content beautifully integrated, it's time to connect it to the living, breathing world of Nostr. This is the key to transforming your static pages into a dynamic, constantly updated hub.

The process for adding Nostr feeds is exactly the same as it was for migrating your old content: you simply continue the conversation with Dork. There's no complex code to write. Dork already understands Nostr concepts like kinds, pubkeys, and relays, so you can ask for what you want in plain English.

In your terminal, within your project directory, start or continue your session with Dork and give it a clear prompt. After Dork makes the changes, you can see the results instantly by running npm run dev in a separate terminal window and opening the provided local URL in your browser.

Here are some examples of prompts to help you get started:

Remember to replace npub1yourpubkeygoeshere... with your actual Nostr public key.

To add your Nostr profile:

"On the 'About' page, add my Nostr profile card. My pubkey is npub1yourpubkeygoeshere...."

To display your latest short notes:

"On the homepage, right below the main welcome message, add a list of my 5 most recent Nostr notes."

To create a self-updating blog:

"Create a new page called 'Blog' and display my 10 most recent long-form articles from Nostr. List them with the title, a brief summary, and a link to the full article."

To build a live photo gallery:

"I need a new page at /gallery. Create a photo grid showing the latest 12 images from my Nostr image posts that are tagged with #photography."

To list your upcoming events:

"On the sidebar of the homepage, add a list of my 3 upcoming calendar events from Nostr."

Let Dork have full creative control:

"Fully integrate Nostr into my website, adding the latest notes, latest articles, latest calendar events, and full social integration. My pubkey is npub1yourpubkeygoeshere"

And just like that, you are weaving live, decentralized content streams directly into your revamped website. You can mix and match these components on any page, giving you complete control over how your Nostr presence is displayed to the world.

From Archive to Alive

The "Before": A Classic Legacy Site

Here's a look at a familiar sight; a simple, personal homepage. It works. It holds valuable content. But it's clearly a product of another era.

It carries all the hallmarks of a site frozen in time:

Outdated Design: Visually stuck in a decade-old aesthetic.
Manual Maintenance: Every change means editing raw HTML. The "Latest News" section is anything but.
Static and Stale: It feels more like an archive than an active reflection of the person behind it.

The soul of the site is still there, but its presentation is holding it back. It's digital dust, waiting to be uncovered.

The "After": Modern, Dynamic, and Connected

Now, here's that same website after being transformed with MKStack and enhanced with Nostr integration.

By simply pointing Dork at the original files and answering a few prompts, the site is reborn:

Sleek, Responsive Design: A modern UI that looks sharp on any device, built with accessibility and style in mind.
Legacy Content Preserved: Original sections like "About Me" or past blog posts are retained and refreshed.
Live Nostr Integration: The homepage now pulls in real-time content—notes, articles, photos, even calendar events—directly from the owner's Nostr identity. Everything updates automatically, no manual edits needed.

What was once a static snapshot has become a living, breathing hub. It still honors the past, but now it actively reflects the present, with content that evolves as you do.

Reimagine and Rebuild

Transforming your website from a static relic into a dynamic, living hub is no longer a daunting, code-heavy, expensive task. With MKStack, it's as easy as having a conversation. It bridges your timeless content with the decentralized power of Nostr, turning your site into more than just a redesign; it becomes a living extension of your digital identity. Your words, your work, and your community take center stage, all built on a foundation of ownership, permanence, and freedom from censorship.

Manual updates? A thing of the past. Don't let your valuable content fade into obscurity.

Revive Your Website Today

Ready to transform your legacy website into a modern, dynamic hub? Install Stacks and MKStack to begin your journey into AI-powered website modernization with Nostr integration.

Happy website reviving!

This article was originally published on Soapbox.pub