Portfolyo is a dynamic portfolio site builder where users can fill their data in JSON format and Portfolyo will render their data into a beautiful portfolio website. It's built using Next.js, Tailwind CSS, and CSS for styling. The project also implements Server-Side Rendering (SSR) and Search Engine Optimization (SEO) to ensure optimal performance and visibility.
If you want to use this template you need two ENV variables.
JSON_URL= URL
FORMSPREE_URL = URL
JSON_URL
1. Copy and Edit https://github.com/Thagoo/portfolyo/blob/master/.template/template.json sample JSON file.
2. Go to https://www.npoint.io/docs and Create JSON Bin then paste the edited content
3. Save and copy the URL generated in bottom
Note: You can directly edit on npoint, also whenever you want to update your data you can update there
FORMSPREE_URL
1. Create form in https://formspree.io
Click on deploy button then paste the URLs in respective ENV vars then deploy the project.
- Dynamic portfolio site generation based on user-provided JSON data.
- Next.js for server-side rendering and optimized performance.
- Tailwind CSS for fast and responsive styling.
- Custom CSS for additional styling and design enhancements.
- SEO implementation for improved search engine visibility.
- Beautifully designed templates for showcasing user portfolios.
-
Clone the repository:
git clone https://github.com/thagoo/portfolyo.git -
Navigate into the project directory:
cd portfolyo -
Install dependencies:
npm install npm run dev
Contributions are welcome! Feel free to open issues or pull requests for bug fixes, improvements, or new features.
1. Fork the repository.
2. Create a new branch: git checkout -b feature/your-feature.
3. Make your changes and commit them: git commit -m 'Add some feature'.
4. Push to the branch: git push origin feature/your-feature.
5. Submit a pull request.
This project is licensed under the MIT License.