Portfolio Website | Muhammad Fiaz
This project is built with Next.js and React, showcasing Muhammad Fiaz's personal website.
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 if you want to contribute✨
Table of Contents
- Release Notes
- Getting Started
- Available Scripts
- Icons Information
- Vector Graphics Animations
- More Information
- Support Me
- License
- Contributing
- Deploy on Vercel
- Stay Connected!
Release Notes
For a detailed list of releases and changes, please visit the GitHub Releases page.
You can also refer to the CHANGELOG.md file for comprehensive information about each release.
if you have any suggestions or feedback, feel free to open an issue or a pull request.
Getting Started
To run the project locally, follow these steps:
- Clone the repository:
git clone https://github.com/muhammad-fiaz/portfolio.git - Navigate to the project directory:
cd portfolio - Install the dependencies:
npm install - Start the development server:
npm run dev - Open 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 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 to optimize the build.(Optional)
npm start
Starts the production server to serve the built app.
Open 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 as static site, then disable the image optimization in next.config.mjs
npm run lint
Runs the Next.js 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 test runner on your tests.
It will show test results in the console.
Icons Information
💖 Icons are from Font Awesome, Devicon, and also Google Fonts.
Vector Graphics Animations
✨ Vector Graphics Animations are from LottieFiles.
More Information
Please Read the Next.js Documentation. Also, Read the React.js Documentation.
Support Me
💰 You can help this improve more by offering a little support❤️
License
This project is licensed under the MIT License. See the LICENSE 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
Deploy on Vercel
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
This Project Also Supports Vercel and comes with (Vercel Analytics pre-enabled in it) you can Host it there if you like it
Check out the Next.js deployment documentation for more details.
✅ See latest release version for production use!
Stay Connected!
Thank you for checking out my portfolio on GitHub! 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:
-
Watch This Repository: Click the ⭐️ "Watch" button at the top right of the page to receive notifications for any new releases, issues, or discussions.
-
Star the Repository: If you find my portfolio useful or interesting, consider giving it a star. This helps us gain visibility and shows your appreciation for the project.
-
Fork for Contributions: If you're interested in contributing to my portfolio, feel free to fork the repository, make changes, and submit a pull request. We welcome contributions from the community!
-
Join the Discussion: Check out the Discussions tab to join conversations, ask questions, and share your ideas with other users and contributors.
-
Stay Updated: Periodically visit the repository's "Releases" section 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!
