Hi everyone 👋,
I'd like to share my latest & first full-stack web project – Resource Hub! 🚀
A platform where users can request books, download books, and subscribe to a newsletter – all in a seamless, secure, and responsive experience.
🔗 Live Link: https://r-hub.xyz
- Frontend: Next.js 15 + TypeScript
- UI/Styling: Tailwind CSS + shadcn/ui
- Auth & Database: Firebase
- Object Storage: Uploadthing
- Email & Newsletter: Mailchimp + Resend
- Security: Google reCAPTCHA v3
- State Management: Zustand + Immer
- Backend: RESTful API + Next.js Server Actions
- Rendering: ISR (Incremental Static Regeneration) + SSG (Static Site Generation)
- 🔑 Fully customized Admin Panel & CMS
- 📖 Book request form with reCAPTCHA protection
- 📩 Newsletter integration with downloads
- 📬 Automatic email notifications when a requested book is published
- 🗑 Orphaned files management (clean storage usage)
- 🌐 SEO-optimized and blazing fast performance
- 🎨 Light & Dark mode toggle
- 📱 Mobile-first, responsive design
- ⚡ Smooth UX/UI optimized for performance
Here are some screenshots of the Resource Hub in action:
git clone https://github.com/your-username/resource-hub.git
cd resource-hub
npm install
# or
yarn install
NEXT_PUBLIC_FIREBASE_API_KEY=your_key
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_domain
NEXT_PUBLIC_UPLOADTHING_KEY=your_key
MAILCHIMP_API_KEY=your_key
RESEND_API_KEY=your_key
RECAPTCHA_SITE_KEY=your_key
RECAPTCHA_SECRET_KEY=your_key
npm run dev
# or
yarn dev
Deployed on Vercel with support for ISR & SSG. For deployment, push changes to main and connect the repo with Vercel.
Pull requests are welcome! If you’d like to improve the project, feel free to fork and submit a PR.