Skip to content

Latest commit

ย 

History

7 Commits

Folders and files

NameName
Last commit message
Last commit date
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

SNTL 84 โ€” Follow @desibiztrade on Instagram

โ˜๏ธ Click the banner to follow @desibiztrade on Instagram ๐Ÿ“ธ

desidevloper.com โ€” Next.js 14 Portfolio

Systems that Scale. Results that Last. Growth that Compounds.
Built for founders who move fast, automate smart, and waste nothing.

Website WhatsApp LinkedIn GitHub Instagram YouTube Arrattai

Next.js TypeScript TailwindCSS Framer Motion Vercel


๐Ÿš€ Stack

  • Framework: Next.js 14 (App Router)
  • Language: TypeScript
  • Styling: TailwindCSS + custom gold theme (#c9a84c)
  • Animations: Framer Motion + Canvas StarBackground
  • Icons: react-icons
  • Contact: EmailJS (env-var driven)
  • Deploy: Vercel + GitHub Actions CI/CD

๐Ÿ“ Structure

desidevloper-portfolio-nextjs/
โ”œโ”€โ”€ app/              # Next.js App Router (layout, page, globals.css)
โ”œโ”€โ”€ components/
โ”‚   โ””โ”€โ”€ main/         # Navbar, Hero, Aboutme, Skills, Projects, Contactform, Footer, StarBackground
โ”œโ”€โ”€ constants/        # Nav links, skills, services, social links, projects
โ”œโ”€โ”€ utils/            # Framer Motion variants
โ”œโ”€โ”€ public/           # Banner image & assets
โ””โ”€โ”€ .github/workflows # Vercel CI/CD pipeline

โšก Quick Start

git clone https://github.com/SNTL84/desidevloper-portfolio-nextjs
cd desidevloper-portfolio-nextjs
npm install
npm run dev

Open http://localhost:3000

๐ŸŽจ Sections

Section Description
Navbar Fixed, scroll-aware, mobile-responsive, Hire Me CTA
Hero Animated desidevloper ๐Ÿ‡ฎ๐Ÿ‡ณ heading, tagline, social icons
About Bio, stats (50+ projects), 4 service cards
Skills Tech stack grid with animated skill-level bars
Projects 6 real projects from SNTL84 GitHub, featured badges
Contact Direct links + fully wired EmailJS form
Footer Brand credits, social links, ยฉ 2026 SNTL84
StarBackground 180 gold particles + shooting stars canvas animation

๐Ÿ“ง EmailJS Setup

  1. Sign up at emailjs.com
  2. Copy .env.local.example โ†’ .env.local
  3. Fill in NEXT_PUBLIC_EMAILJS_SERVICE_ID, TEMPLATE_ID, PUBLIC_KEY

โš™๏ธ CI/CD โ€” Vercel Auto Deploy

Every push to main โ†’ lint โ†’ build โ†’ deploy to desidevloper.com

Add these 3 secrets to GitHub โ†’ Repo Settings โ†’ Secrets โ†’ Actions:

  • VERCEL_TOKEN ยท VERCEL_ORG_ID ยท VERCEL_PROJECT_ID
npm run build
# Push to main โ†’ GitHub Actions โ†’ Vercel Production โœ…

๐Ÿ‘ค Built By

SNTL 84 โ€” Milan
AI Workflow Pro & Full-Stack Builder ๐Ÿ‡ฎ๐Ÿ‡ณ

๐ŸŒ desidevloper.com
๐Ÿ’ฌ WhatsApp ยท +91 97274 13309
๐Ÿ”— LinkedIn ยท sntl2784
๐Ÿ’ป GitHub ยท SNTL84
๐Ÿ“ธ Instagram ยท @desibiztrade
๐Ÿ”ด YouTube ยท @SNTL84
๐Ÿค– Arrattai ยท @desidevloper
๐Ÿ“ง 3goldenlotusroots@gmail.com

One Partner. Endless Possibilities. Real Growth.

ยฉ 2026 SNTL84 ยท desidevloper.com ยท All rights reserved

About

๐Ÿš€ desidevloper.com โ€” Next.js 14 + TypeScript + TailwindCSS + Framer Motion portfolio. Built by SNTL84 ยท AI Workflow Pro & Full-Stack Builder ๐Ÿ‡ฎ๐Ÿ‡ณ

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages