vaheedsk36/portfolio-website-nextjs
This repository contains the code and assets for my personal portfolio website, showcasing my skills, projects, experience, and more. Built using Next.js and styled with SASS. Feel free to contribute and use it.
⭐ Personal Portfolio Website ⭐
⭐ Star me on GitHub and do follow ⭐
Note
- Latest hashnode graphql version 16.8 syntax is added in this project for getting articles details
Conditions of usage
Tech Stack and Services Used 🛠️
Explore the technologies and services that power this portfolio:
SEO Enhancements 🚀
This portfolio is optimized for search engines using several modern SEO techniques:
- Comprehensive Metadata: Uses advanced metadata including OpenGraph, Twitter Card, and extended keywords for better sharing and discoverability.
- Dynamic Sitemap: Automatically generates a sitemap at
/sitemap.xmlto help search engines index all main pages (home, about, projects, blogs, contact, skills, certifications, experience). - Robots and Verification Tags: Includes robots directives for indexing and site verification tags for Google, Yandex, and Yahoo.
- Accessibility & Discoverability: Metadata and sitemap improve accessibility and ensure all important pages are easily found by search engines.
For further SEO improvements, you can add structured data (JSON-LD) or extend the sitemap to include dynamic content like blog posts or projects.
Search Engine Verification Tools 🔍
This project is verified with major search engines using their free webmaster tools:
Google Search Console
- Purpose: Monitor and maintain site's presence in Google Search
- Features:
- Search performance analytics
- Indexing status
- Mobile usability
- Security issues
- URL inspection
- Verification Code: Implemented in metadata
Yandex Webmaster
- Purpose: Manage site's presence in Yandex search results
- Features:
- Search analytics
- Indexing status
- Crawl statistics
- Site diagnostics
- Verification Code: Implemented in metadata
Bing Webmaster Tools
- Purpose: Manage site's presence in both Bing and Yahoo search results
- Features:
- Search performance
- SEO reports
- URL submission
- Site diagnostics
- Verification Code: Implemented in metadata
All these tools are completely free to use and provide valuable insights for improving your site's search engine presence.
Setup & Deployment Instructions 🚀
Follow these steps to set up and deploy your own portfolio:
- Fork the repository
- Run
npm install - Make modifications in
appfolder files - Store your image assets in
public > images - Store you secret keys by in a
.envfile for ref see.env.sample - For deployment, follow these instructions
Sections 📚
Explore different sections of my profile:
- 🏠 Home
- 🙋♂️ About
- 🛠️ Skills
- 💼 Projects
- 🔍 Experience
- 📝 Blogs
- 📬 Contact
Contributing 💡
To contribute, follow these steps:
Step 1
Fork or clone this repo to your local machine.
Step 2
Build your code. Implement your changes, add features, or fix issues.
Step 3
When you're ready, create a new pull request to merge your changes:
- 🔃 Push your changes to your forked repo.
- 👀 Await review and address any feedback.
Thank you for contributing to this repo! Together, we can make it even better. 😄🚀