Next.js 14 (App Router) + TypeScript + Tailwind CSS. Personal portfolio/ freelance site for Santosh Kumar (Frontend Team Lead), built from his resume — hero, tech stack, about, services, portfolio, experience, contact form, footer.
npm install
npm run devcomponents/ContactForm.tsx posts to a real Node.js backend at
app/api/contact/route.ts (a Next.js Route Handler, which runs on Node).
Right now it just logs submissions to the server console — wire it up to
email (Resend, Nodemailer) or a database before going live.
Push to GitHub and import the repo on Vercel — zero config needed.
app/
layout.tsx Root layout, fonts
page.tsx Home page, assembles all sections
globals.css
api/contact/route.ts Contact form API (Node.js)
components/
Navbar, Hero, TechStack, WhoWeAre, Services,
Products, Certifications, CTA, Contact, ContactForm, Footer
- Colors/fonts:
tailwind.config.jsandapp/layout.tsx - Copy: edit the arrays at the top of each component (e.g.
SERVICESincomponents/Services.tsx) - Add real logo: drop an SVG/PNG in
public/and swap the<span>mark inNavbar.tsx/Footer.tsx