A modern, dynamic portfolio website built with Next.js and powered by Storyblok CMS. This project features a flexible, component-based architecture designed for easy customization and scalability.
- Framework: Next.js 15 with React 19
- CMS: Storyblok
- Styling: Tailwind CSS v4 with PostCSS
- Language: TypeScript
- Icons: Iconify
- Build Tool: Turbopack (Next.js)
For detailed documentation and guides, visit Portfolio Documentation.
- Node.js 18.17 or later
- npm, yarn, or pnpm
- Storyblok account and space
src/
├── components/ # Reusable UI components
│ ├── effects/ # Animation and visual effects
│ ├── layers/ # Layout layer components
│ ├── templates/ # Page templates
│ └── utils/ # Utility components
├── contexts/ # React context providers
├── lib/ # External library configurations
├── pages/ # Next.js pages (Pages Router)
├── styles/ # Global styles
├── types/ # TypeScript type definitions
└── utils/ # Utility functions
npm run dev
- Start development server with Turbopacknpm run build
- Create production buildnpm run start
- Start production servernpm run storyblok:push
- Push components to Storyblok
Feel free to contribute :)
If you have any questions or need help with setup, please refer to the documentation or open an issue in this repository.