Portfolio

screenshot of Portfolio
nextjs
react
bootstrap
scss

Portfolio

The personal website/portfolio of Hashir Shoaib. Built using Nextjs and Bootstrap5.

Overview

The product is a portfolio website template available on GitHub. The creator of the template found that existing options did not meet their needs, so they created a simple, easy to configure, lightweight, and responsive static portfolio website. The template is built with Nextjs and Bootstrap 5. The creator also mentions that they plan to add more features in the future and welcome suggestions for improvements from users.

Features

  • Easy to configure: The template is designed to be easily configurable, allowing users to customize it to their preferences.
  • SEO friendly: The template includes features that make it search engine optimization (SEO) friendly, helping to improve its visibility in search engine results.
  • Responsive: The template is responsive, meaning it adapts to different screen sizes and devices, providing a seamless user experience.
  • Lightweight: The template is designed to be lightweight, ensuring fast loading times and improved performance.
  • Linktree Page: The template includes a Linktree page, allowing users to create a visually appealing and easily navigable page with links to their various online profiles.
nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

personal
Personal

A personal website is an online platform that showcases an individual's work, interests, and personality. It can include a range of content, such as a bio, resume, portfolio, blog, and contact information, and is often used to promote one's personal brand or professional services.

portfolio
Portfolio

A portfolio website is a type of website that showcases an individual's or a company's work, skills, and accomplishments. It typically includes a gallery of images or videos, case studies, and client testimonials to provide potential clients or employers with a comprehensive overview of their experience and expertise.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

github-pages
GitHub Pages

Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading