DEV Community

Chandan Chakrabarti
Chandan Chakrabarti

Posted on

Help me convert this html web site to next.js

πŸš€ Free Help Request – Convert HTML Template to Full Next.js Product Site with Admin Panel πŸ”§

Hi awesome dev community! πŸ‘‹
I’m looking for some free help (or even a starter repo) to convert a simple HTML template into a fully functional Next.js site for listing free and premium digital products β€” with a secure admin panel.

πŸ”— HTML Template Code:
πŸ‘‰ https://stackblitz.com/edit/stackblitz-starters-gfszfxsx?file=index.html

πŸ“Œ What I Need Built:

πŸ”· Pages to Convert:
index.html β†’ Home Page

main-content.html β†’ Product Listing Page

ProductDetailsPage.html β†’ Product Details Page

πŸ›’ Product Logic:
Free Products:

User submits email

Then shows download button

Premium Products:

Redirect user to Gumroad purchase link

πŸ› οΈ Admin Panel (For Admin Only):
Add new product

Fields: Title, Description, Category, Sub-category

Choose between:

βœ… Free (Upload file)

πŸ’° Premium (Enter Gumroad link)

Upload preview image

Admin login system required

πŸ“Œ 1. Technical Stack Overview

Component Recommended Technology Why
Frontend Next.js (hosted on Vercel) SEO-friendly, fast, scalable
Backend Supabase (PostgreSQL) API-based, free 500MB, real-time DB
Authentication Supabase Auth or Firebase Auth Easy OAuth (Google, GitHub, Email)
File Storage Cloudinary (small) & Backblaze B2 (large) Reliable and cost-effective media storage
CDN Cloudflare Fast, secure, free CDN
Backup Hosting Netlify Fallback option with free tier
Analytics Vercel Analytics or Plausible Simple, privacy-friendly insights
Payment Gumroad Easy integration for premium digital sales

πŸ™ Any community help is appreciated!
A GitHub repo, tips, or just a push in the right direction would be amazing. Let’s build something cool together ❀️

Top comments (0)