Shashidhar Naik Portfolio

Shashidhar Naik Portfolio is a developer portfolio website template built with Next.js 16, TypeScript, and Tailwind CSS 4, created by software engineer Shashidhar Naik to present his experience, projects, and open-source npm packages. The template outputs a statically exported site (using Next.js static export) that can be deployed to Netlify, and it includes an AI-powered portfolio assistant chatbot for visitor engagement.

What is the Shashidhar Naik Portfolio template?

This template is a developer portfolio application built on the Next.js 16 App Router with React 19 and TypeScript. It takes professional content — work experience, projects, education, contact details, and npm package listings — and renders it into a portfolio site with a hero section, experience timeline, project gallery, open-source showcase, education, and contact form. The project is maintained by Shashidhar Naik and distributed under the MIT License.

Key Features

• AI Portfolio Assistant — A custom-built chatbot component (PortfolioAssistant.tsx) that answers visitor questions about the developer's background, skills, and experience directly on the page.
• Next.js 16 App Router — Uses the modern App Router with a src/app directory, layouts, and static export for fast loading and easy deployment.
• Tailwind CSS 4 styling — Styling is done entirely with Tailwind CSS 4, with glassmorphism UI elements, responsive design, and Framer Motion for animations.
• SEO and social sharing — Implements JSON-LD structured data, Open Graph and Twitter card metadata, a sitemap, and semantic HTML for search engine discoverability.
• Pre-built sections — The components folder includes Hero, About, Experience, Projects, OpenSource, Education, Contact, Header, Footer, and PortfolioAssistant components, giving every page structure out of the box.
• Open-source npm support — A dedicated OpenSource section showcases published npm packages (qrlayout-core, qrlayout-ui, env-drift-check) with download counts and links, making it suitable for developers who publish libraries.
• React Hook Form and React Scroll — The contact form is built with React Hook Form and the navigation uses React Scroll for smooth page transitions.
• Lucide React icons — All icons in the interface are provided by the Lucide React icon set, keeping the design consistent and lightweight.

Who is this portfolio template for?

Software engineers and full-stack developers can use this template to launch a professional portfolio by replacing the author's data with their own. Job seekers can highlight their work history, project galleries, and open-source contributions in a format that is pre-optimized for search engines. Freelance developers can deploy it to Netlify to create a marketing page for their services, with the AI chatbot acting as a first-line FAQ tool.

What can you do with this template?

• Job-seeking developers: Showcase your experience and projects with a layout that includes an experience timeline, project gallery, and contact section.
• Open-source maintainers: Display your npm packages (or GitHub repos) with descriptions and links in the OpenSource section, including download-style metrics.
• Freelancers: Deploy a static, high-performance portfolio site to Netlify using the provided build and export steps, and customize the existing components for client work.

How does it work?

The project is a standard Next.js application. You clone the repository, run npm install, then npm run dev to preview locally. When you are ready, npm run build generates a static export into the out/ directory (configured with output: 'export'), which you deploy to Netlify via the dashboard, GitHub integration, or CLI.

Pricing

The template is open source under the MIT License, so it is free to use, modify, and deploy for personal or commercial projects. There are no paid tiers or subscription fees associated with it.

FAQ

Is this template free to use?

Yes, the repository is licensed under the MIT License, which permits free commercial and personal use, modification, and distribution.

What tech stack does it use?

The template is built with Next.js 16 (App Router), React 19, TypeScript, and Tailwind CSS 4. It also uses Framer Motion for animations, Lucide React for icons, React Hook Form for the contact form, and React Scroll for navigation.

How do I deploy it?

Run npm run build and deploy the generated out/ folder to Netlify. The README specifically mentions Netlify via GitHub integration or CLI as the deployment method.

Does it really include an AI chatbot?

Yes, there is a PortfolioAssistant.tsx component that acts as an AI portfolio assistant, answering professional inquiries about the developer's background, skills, and experience.