You can fork this repo to modify and make changes of your own. Please give me proper credit by linking back to ArmashXD. Stars on this repo are appreciated. Thanks !
Next-folio is a portfolio template built using the Next.js framework. It is designed to be an easy-to-use and customizable template for developers who want to create their own portfolio websites. The template includes several key features, such as a responsive layout, dark and light modes, and animations for a more engaging user experience. It also includes pre-built sections for showcasing a developer's skills, projects, and experiences, as well as an "About Me" section and a contact form
This project was built using these technologies.
- Next.js
- React.js
- Tailwind
- Framer Motion
- DaisyUI
- Typescript
- Vercel
First, run the development server:
git clone https://github.com/ArmashXD/next-folio.git
cd next-folio
npm install
npm run dev
# or
yarn
yarn dev
You can view a live demo of the template at https://syed-armash-hussain.vercel.app/.
-
There is also a config.js file in the root directory of the project which contains configuration options for the template. You can customize it however you want to fit your needs.
-
The components directory contains reusable components that are used throughout the template, such as the Button, Header, Layout, ProjectCard, and SkillCard components. These components can be customized or replaced as needed to fit your own design requirements.
-
The pages directory contains the pages of the website, such as the index.js page for the home page, the about.js page for the "About Me" section, the contact.js page for the contact form, and the projects.js page for the projects section. You can add or remove pages as needed, or modify the existing pages to fit your own content.
-
The public directory contains static assets, such as images and fonts, that are used throughout the template. You can add your own images or fonts to this directory and reference them in your components or pages.
-
The styles directory contains the global styles for the template, as well as specific styles for individual components. The globals.css file contains the global styles, while the index.module.css file contains the styles for the index.js page. You can modify these styles or add your own styles to fit your own design requirements.
-
The utils directory contains utility functions that are used throughout the template, such as the formatDate function for formatting dates and the sendEmail function for sending emails from the contact form. You can modify or add your own utility functions as needed.