Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/once-ui-system/magic-portfolio
⚡ Build your timeless portfolio with Once UI's Magic Portfolio
https://github.com/once-ui-system/magic-portfolio
cv nextjs onceui portfolio resume showcase
Last synced: 3 days ago
JSON representation
⚡ Build your timeless portfolio with Once UI's Magic Portfolio
- Host: GitHub
- URL: https://github.com/once-ui-system/magic-portfolio
- Owner: once-ui-system
- License: other
- Created: 2024-08-08T20:39:25.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-12-14T15:25:44.000Z (22 days ago)
- Last Synced: 2024-12-25T19:03:49.151Z (11 days ago)
- Topics: cv, nextjs, onceui, portfolio, resume, showcase
- Language: TypeScript
- Homepage: https://magic-portfolio.com
- Size: 40.4 MB
- Stars: 187
- Watchers: 2
- Forks: 138
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# **Build your portfolio with Once UI's Magic Portfolio**
View the [demo here](https://demo.magic-portfolio.com).
# **Getting started**
Magic Portfolio was built with [Once UI](https://once-ui.com) for [Next.js](https://nextjs.org). It requires Node.js v18.17+.
**1. Clone the repository**
```
git clone https://github.com/once-ui-system/magic-portfolio.git
```
**2. Install dependencies**
```
npm install
```
**3. Run dev server**
```
npm run dev
```
**4. Edit config**
```
src/app/resources/config
```
**5. Edit content**
```
src/app/resources/content (or content-i18n for localization)
```
**6. Create blog posts / projects**
```
Add a new .mdx file to src/app/[locale]/blog/posts or src/app/[locale]/work/projects
```
# **Features**
## **Once UI**
- All tokens, components & features of [Once UI](https://once-ui.com)
## **SEO**
- Automatic open-graph and X image generation with next/og
- Automatic schema and metadata generation based on the content file
## **Design**
- Responsive layout optimized for all screen sizes
- Timeless design without heavy animations and motion
- Endless customization options through [data attributes](https://once-ui.com/docs/theming)
## **Content**
- Render sections conditionally based on the content file
- Enable or disable pages for blog, work, gallery and about / CV
- Generate and display social links automatically
- Set up password protection for URLs
## **Localization (NEW)**
- Magic Portfolio now supports localization with the next-intl library
- See more info in resources/config.js
# **Authors**
Connect with us on Threads or LinkedIn.
Lorant Toth: [Threads](https://www.threads.net/@lorant.one), [LinkedIn](https://www.linkedin.com/in/tothlorant/)
Zsofia Komaromi: [Threads](https://www.threads.net/@zsofia_kom), [LinkedIn](https://www.linkedin.com/in/zsofiakomaromi/)
Localization added by [François Hernandez](https://github.com/francoishernandez)
# **Get involved**
- Join the [Design Engineers Club on Discord](https://discord.com/invite/5EyAQ4eNdS) and share your portfolio with us!
- Report a [bug](https://github.com/once-ui-system/magic-portfolio/issues/new?labels=bug&template=bug_report.md).
# **License**
Distributed under the CC BY-NC 4.0 License.
- Commercial usage is not allowed.
- Attribution is required.
See `LICENSE.txt` for more information.
# **Deploy with Vercel**
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fonce-ui-system%2Fmagic-portfolio&project-name=portfolio&repository-name=portfolio&redirect-url=https%3A%2F%2Fgithub.com%2Fonce-ui-system%2Fmagic-portfolio&demo-title=Magic%20Portfolio&demo-description=Showcase%20your%20designers%20or%20developer%20portfolio&demo-url=https%3A%2F%2Fdemo.magic-portfolio.com&demo-image=%2F%2Fraw.githubusercontent.com%2Fonce-ui-system%2Fmagic-portfolio%2Fmain%2Fpublic%2Fimages%2Fcover.png)