A premium, SEO-optimized portfolio website for Shashidhar Naik, a Senior Software Engineer specializing in building scalable enterprise web applications with the MERN (MongoDB, Express, React, Node.js) and MEVN (Vue.js instead of React) stacks.
As a Software Engineer II at Cymbeline Innovation Pvt. Ltd, I lead frontend development for high-impact projects like the Warehouse Management System (WMS) for clients like Panasonic. My focus is on creating high-performance, user-centric interfaces and architecting robust full-stack solutions.
- Frontend Architecture: React 19, Next.js 16, TypeScript, Tailwind CSS 4.
- Backend Systems: Node.js, Express, MongoDB, RESTful APIs.
- State Management: Redux Toolkit, React Context.
- Performance: Static site generation (SSG), image optimization, smooth Framer Motion animations.
- 🤖 AI Portfolio Assistant: A custom-built chatbot that leverages LLMs to answer professional inquiries about my background.
- ⚡ Blazing Fast Performance: Built using Next.js App Router and optimized for high Core Web Vitals scores.
- 🔍 Deep SEO Integration: Implemented JSON-LD structured data, metadata for social sharing (OG/Twitter cards), and semantic HTML for search engine discoverability.
- 💎 Premium UI/UX: Features glassmorphism, responsive timelines, and interactive project galleries.
| Category | technologies |
|---|---|
| Frameworks | Next.js 16 (App Router), React 19 |
| Styling | Tailwind CSS 4, Framer Motion (Animations) |
| Languages | TypeScript, JavaScript (ES6+) |
| Icons | Lucide React |
| Form/Scroll | React Hook Form, React Scroll |
src/
├── app/ # Next.js App Router (Layouts, Pages, Global Styles)
├── components/ # High-performance UI Components (Hero, About, Projects, etc.)
│ ├── ui/ # Reusable Atomic UI elements
│ └── chat/ # AI Portfolio Assistant Logic
├── public/ # Optimized Static Assets (Images, Favicons)
└── lib/ # Utility functions and shared logic-
Clone the repository:
git clone https://github.com/shashi089/portfolio.git cd portfolio -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Build for production:
npm run build
This project uses Static Export (output: 'export') for maximum performance and SEO.
- Run
npm run build. - Deploy the
out/directory to Netlify (via GitHub integration or CLI).
- LinkedIn: Shashidhar Naik
- GitHub: @shashi089
- Portfolio: shashidhar-portfolio.netlify.app
This project is licensed under the MIT License.