Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/muhammad-fiaz/portfolio
Welcome to my portfolio repository! This open-source project, built with Next.js and TypeScript, creates a dynamic and responsive portfolio. Explore the code to perfect your showcase of skills!
https://github.com/muhammad-fiaz/portfolio
developer developer-website django javascript nextjs nextjs-portfolio nextjs-template nextjs-website open-source opensource personal-blog personal-website portfolio portfolio-site portfolio-website portfolio-websites react reactjs typescript website
Last synced: 2 months ago
JSON representation
Welcome to my portfolio repository! This open-source project, built with Next.js and TypeScript, creates a dynamic and responsive portfolio. Explore the code to perfect your showcase of skills!
- Host: GitHub
- URL: https://github.com/muhammad-fiaz/portfolio
- Owner: muhammad-fiaz
- License: mit
- Created: 2023-06-05T13:29:04.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-01T23:11:39.000Z (8 months ago)
- Last Synced: 2024-05-02T05:18:27.378Z (8 months ago)
- Topics: developer, developer-website, django, javascript, nextjs, nextjs-portfolio, nextjs-template, nextjs-website, open-source, opensource, personal-blog, personal-website, portfolio, portfolio-site, portfolio-website, portfolio-websites, react, reactjs, typescript, website
- Language: TypeScript
- Homepage: https://muhammadfiaz.com
- Size: 68.6 MB
- Stars: 66
- Watchers: 1
- Forks: 19
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md
- Codeowners: .github/CODEOWNERS
- Security: SECURITY.md
- Support: SUPPORTME.md
- Authors: AUTHORS.md
Awesome Lists containing this project
README
muhammadfiaz.com | portfolio
 
[](https://github.com/muhammad-fiaz/portfolio)
[](https://github.com/muhammad-fiaz/portfolio)
[](https://github.com/muhammad-fiaz/portfolio/actions/workflows/prettier.yml)
[](https://github.com/muhammad-fiaz/portfolio/actions/workflows/codeql.yml)
[](https://github.com/muhammad-fiaz/portfolio/actions/workflows/dependency-review.yml)
[](https://GitHub.com/muhammad-fiaz/portfolio)
[](https://GitHub.com/muhammad-fiaz)
[](https://github.com/muhammad-fiaz/portfolio/releases/latest)
[](https://github.com/muhammad-fiaz/portfolio/releases/tag/v1.0.8)
[](https://github.com/muhammad-fiaz/portfolio/graphs/contributors)
[](https://github.com/muhammad-fiaz)
[](https://discord.gg/ShaDFdZ7)
This project is built with Next.js and React, showcasing [Muhammad Fiaz](https://github.com/muhammad-fiaz/)'s [personal website](https://muhammadfiaz.com/).
**Feel free to use this project for your own portfolio or as a reference for your projects. If you find it helpful, don't forget to give it a ⭐️ to show your support. [Fork this repo](https://github.com/muhammad-fiaz/portfolio/fork) if you want to contribute✨**
**Support me by a little [sponsor ❤️](https://github.com/sponsors/muhammad-fiaz)**
## Table of Contents
- [Release Notes](#release-notes)
- [Getting Started](#getting-started)
- [Available Scripts](#available-scripts)
- [`npm run dev`](#npm-run-dev)
- [`npm run build`](#npm-run-build)
- [`npm run build-webpack`](#npm-run-build-webpack)
- [`npm start`](#npm-start)
- [`next export`](#next-export)
- [`npm run lint`](#npm-run-lint)
- [`npm run sitemap`](#npm-run-sitemap)
- [`npm run test`](#npm-run-test)
- [Icons Information](#icons-information)
- [Vector Graphics Animations](#vector-graphics-animations)
- [More Information](#more-information)
- [Support Me](#support-me)
- [License](#license)
- [Contributing](#contributing)
- [Deploy on Vercel](#deploy-on-vercel)
- [Stay Connected!](#stay-connected)
### Release Notes
For a detailed list of releases and changes, please visit the [GitHub Releases page](https://github.com/muhammad-fiaz/portfolio/releases).
You can also refer to the [CHANGELOG.md](./CHANGELOG.md) file for comprehensive information about each release.
if you have any suggestions or feedback, feel free to open an [issue](https://github.com/muhammad-fiaz/portfolio/issues) or a [pull request](https://github.com/muhammad-fiaz/portfolio/pulls).
## Getting Started
To run the project locally, follow these steps:
1. Clone the repository: `git clone https://github.com/muhammad-fiaz/portfolio.git`
2. Navigate to the project directory: `cd portfolio`
3. Install the dependencies: `npm install`
4. Start the development server: `npm run dev`
5. Open [http://localhost:3000](http://localhost:3000) in your browser to view the website.
## Available Scripts
In the project directory, you can run the following scripts:
### `npm run dev`
Runs the app in development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.\
The page will reload if you make edits.\
You will also see any lint errors in the console.
### `npm run build`
Builds the app for production to the `.next` folder using default Next.js build config.\
It correctly bundles Next.js and optimizes the build for the best performance.
or
### `npm run build-webpack`
Build the app for production to the `.next` folder using a custom config webpack.\
This is useful if you want to use [webpack plugins](https://nextjs.org/docs/app/api-reference/next-config-js/webpack) to optimize the build.(**Optional**)
### `npm start`
Starts the production server to serve the built app.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
### `next export`
Exports the app to static HTML, which can be run without a Node.js server.\
The exported app will be in the `out` folder.
**Note: if you want to use [export](https://nextjs.org/docs/pages/building-your-application/deploying/static-exports) as static site, then disable the [image optimization](https://nextjs.org/docs/pages/building-your-application/optimizing/images) in [`next.config.js`](./next.config.js)**
### `npm run lint`
Runs the [Next.js ESLint](https://nextjs.org/docs/basic-features/eslint) linter.\
It will show lint errors in the console.
### `npm run sitemap`
Generate a sitemap for the website.\
It will generate a sitemap.xml file in the public directory.
## `npm run test`
Runs the [Jest](https://jestjs.io/) test runner on your tests.\
It will show test results in the console.
## Icons Information
💖 Icons are from [Font Awesome](https://fontawesome.com/), [Devicon](https://devicon.dev/),
and also [Google Fonts](https://fonts.google.com/icons).
## Vector Graphics Animations
✨ Vector Graphics Animations are from [LottieFiles](https://lottiefiles.com/).
## More Information
Please Read the [Next.js Documentation](https://nextjs.org/docs/getting-started).
Also, Read the [React.js Documentation](https://reactjs.org/docs/getting-started.html).
## Support Me
💰 You can help this improve more by offering a little support❤️
[](https://github.com/sponsors/muhammad-fiaz)
[](https://github.com/muhammad-fiaz/portfolio/)
## License
This project is licensed under the MIT License. See the [LICENSE](https://github.com/muhammad-fiaz/portfolio/blob/main/LICENSE.md) file for details.
## Contributing
Contributions are welcome!
If you find any bugs or have suggestions for improvements, please open an issue or submit a pull request.
And make sure to follow the [project guidelines](CODE_OF_CONDUCT.md)
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
**This Project Also Supports [Vercel](https://vercel.com/dashboard) and comes with [(Vercel Analytics pre-enabled in it)](https://vercel.com/analytics) you can Host it there if you like it**
Check out the [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
✅ See [latest release](https://github.com/muhammad-fiaz/portfolio/releases/latest) version for production use!
## Stay Connected!
Thank you for checking out [my portfolio on GitHub](https://github.com/muhammad-fiaz/portfolio)! We're constantly working to improve and enhance the project. To ensure you're always up-to-date with the latest changes, we recommend following these steps:
1. **Watch This Repository:** Click the ⭐️ "Watch" button at the top right of the page to [receive notifications](https://docs.github.com/en/account-and-profile/managing-subscriptions-and-notifications-on-github/watching-and-unwatching-repositories) for any new releases, issues, or discussions.
2. **Star the Repository:** If you find my portfolio useful or interesting, consider giving it a [star](https://github.com/muhammad-fiaz/portfolio/stargazers). This helps us gain visibility and shows your appreciation for the project.
3. **Fork for Contributions:** If you're interested in contributing to my portfolio, feel free to [fork](https://github.com/muhammad-fiaz/portfolio/fork) the repository, make changes, and submit a pull request. We welcome contributions from the community!
4. **Join the Discussion:** Check out the [Discussions](https://github.com/muhammad-fiaz/portfolio/discussions) tab to join conversations, ask questions, and share your ideas with other users and contributors.
5. **Stay Updated:** Periodically visit the repository's ["Releases" section](https://github.com/muhammad-fiaz/portfolio/releases) to find detailed information about each new release, including new features, bug fixes, and improvements.
By following these steps, you'll be sure to stay connected with the latest developments and updates. I appreciate your interest in my portfolio and can't wait to see how it benefits you!
If you have any questions or feedback, please don't hesitate to reach out.
Don't forget to Stay tuned for updates and new features!
### Happy Coding! 😊