Intro:
Hey developers 👋,
I’m Suraj Rana, a solo developer passionate about building AI-powered web and mobile apps.
Recently, I launched my personal portfolio website — surajrana.dev
— to showcase my projects, experiments, and thoughts around Artificial Intelligence, UI/UX, and modern web development.
In this post, I’ll walk you through how I built it, what tech stack I used, and what I learned along the way.
Tech Stack Used 🧠
Frontend: Next.js 14 + Tailwind CSS
Backend: Node.js + Express
AI Tools: OpenAI, Gemini API, and custom TensorFlow micro-models
Hosting: Vercel + Cloudflare
Analytics: Umami (privacy-friendly analytics)
Key Features ⚙️
✅ Fast and responsive design (Lighthouse score 95+)
✅ Integrated AI showcase section
✅ Smart contact form with real-time validation
✅ Fully SEO optimized (meta tags, sitemap, OG data)
Lessons Learned 💡
Keep your codebase modular and clean.
Automate deployment with CI/CD to save time.
Focus more on UX and accessibility — users notice it!
What’s Next? 🔮
I’m working on integrating AI-powered resume generation and personal assistant tools directly on my portfolio.
If you’re into web dev or AI, visit surajrana.dev
and drop your feedback — I’d love to connect with fellow devs.
Conclusion 🧩
Building your personal site is not just about showing off your skills — it’s about expressing your journey as a developer.
If you’re thinking about creating one, start today — it’s worth it!
Let’s connect on LinkedIn
or GitHub
, and if you liked this post, give it a ❤️ and follow for more AI × Web content!
Top comments (0)