magic portfolio

Erstellen Sie Ihr Portfolio mit einem einzigen Magic Portfolio von UI

Sehen Sie sich die Demo hier an.

Erste Schritte

Das Magic Portfolio wurde mit einer einmaligen UI für Next.js. gebaut. Es erfordert node.js v18.17+.

1. Klonen Sie das Repository klonen

 git clone https://github.com/once-ui-system/magic-portfolio.git

2. Installieren Sie Abhängigkeiten

 npm install

3. Ausführen von Dev Server ausführen

 npm run dev

4. Konfiguration bearbeiten

 src/app/resources/config

5. Inhalt bearbeiten

 src/app/resources/content (or content-i18n for localization)

6. Blog -Beiträge / Projekte erstellen

 Add a new .mdx file to src/app/[locale]/blog/posts or src/app/[locale]/work/projects

Merkmale

Einmal ui

• Alle Token, Komponenten und Funktionen einer einmaligen Benutzeroberfläche

SEO

• Automatische Open-Graph- und X-Bilderzeugung mit dem nächsten/og
• Automatisches Schema und Metadatengenerierung basierend auf der Inhaltsdatei

Design

• Responsive Layout optimiert für alle Bildschirmgrößen
• Zeitloses Design ohne schwere Animationen und Bewegungen
• Endlose Anpassungsoptionen durch Datenattribute

Inhalt

• Rendern -Abschnitte basierend auf der Inhaltsdatei bedingt rendern
• Seiten für Blog, Arbeit, Galerie und über / Lebenslauf aktivieren oder deaktivieren
• Erstellen und zeigen Sie soziale Links automatisch an
• Richten Sie den Kennwortschutz für URLs ein

Lokalisierung (neu)

• Magic Portfolio unterstützt jetzt die Lokalisierung mit der nächsten Bibliothek
• Weitere Informationen finden Sie in Ressourcen/config.js

Autoren

Verbinden Sie sich mit uns auf Threads oder LinkedIn.

Lorant toth: threads, linkedIn
Zsofia Komaromi: Threads, LinkedIn

Lokalisierung von François Hernandez hinzugefügt

Sich beteiligen

• Schließen Sie sich dem Design Engineers Club auf Discord an und teilen Sie Ihr Portfolio mit uns!
• Einen Fehler melden.

Lizenz

Verteilt unter der CC BY-NC 4.0-Lizenz.

• Der kommerzielle Gebrauch ist nicht erlaubt.
• Zuschreibung ist erforderlich.

Weitere Informationen finden Sie LICENSE.txt .

Mit Vercel bereitstellen