Next.js Web Store | The Storefront Behind miciomods.it
A Next.js storefront template with Tebex product data, documentation in Sanity and editable branding, theme and homepage settings.














Overview
A Next.js storefront template based on miciomods.it, with editable branding, themes and a Tebex connection.
Read products, prices and categories from Tebex. Write documentation and additional pages in Sanity, then add them to the navigation. Product pages include search metadata and social link previews.
Configure the store name, logos, currency, category list and social links in JSON. Set up homepage media, partner links and optional sales or top-buyer widgets.
The application core is protected. Configuration, themes and copy remain editable.
Key Features
Server-Rendered Pages
Product and content pages render HTML on the server for browsers and search crawlers.

Link Previews and Search Listings
Each product page generates its own preview image, meta description and structured data. A link pasted into Discord or X shows the right title and picture instead of a bare URL.
Products Arrive From Tebex
The store reads your packages, prices, sales and categories from the Tebex API, so a new listing shows up without anyone touching the site. Products you sell outside Tebex can sit on the same page.

Pages You Add Yourself
Wikis, server rules, team rosters, changelogs. You write them in the CMS, they get their own address, and a nav entry points at whichever ones belong in the menu.

Everything Configurable Sits in JSON
Store name, logo, favicon, theme, fonts, currency, social links and the category list are plain JSON files. Edit one, reload the page, and it is applied.

Partner Logos and Affiliates
A strip of partner logos, each with the name behind it and a link to their own store. Add more than the strip holds and it cycles through them.
Docs Written in a Browser
Write and organize documentation in Sanity from your browser. Categories, ordering and search content use the same CMS.
Recent Sales and Top Buyers
Two widgets that read your real payment history: purchases as they land, and a leaderboard of the people who have spent the most. Both can be filtered before anything reaches the page.

Floating Cards on the Homepage
Small cards that hover over the homepage with their own image, text and link. Use them for a new script, a Discord invite or whatever is on offer this week.
Themes and Homepage Media
Choose colors and fonts, then set up the homepage hero with a 3D shape, animated background, video or YouTube embed.

A Panel to Try Themes Live
Try themes, fonts and hero shapes in a browser panel, then save the selected values in config. Production builds expose the panel at /testtemplate.





