https://github.com/salemaljebaly/portfolio
https://github.com/salemaljebaly/portfolio
magicui nextjs15 vercel
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/salemaljebaly/portfolio
- Owner: salemaljebaly
- Created: 2024-11-18T18:36:25.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-06-11T20:40:32.000Z (4 months ago)
- Last Synced: 2025-06-11T21:56:29.856Z (4 months ago)
- Topics: magicui, nextjs15, vercel
- Language: TypeScript
- Homepage: https://www.docker.com.ly
- Size: 930 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
# Salem Aljebaly Portfolio
Bilingual (English/Arabic) portfolio website built with Next.js 15, MagicUI, and Tailwind CSS.
## Quick Setup
1. **Install dependencies:**
```bash
npm install
```
2. **Install MagicUI:**
```bash
# npx magicui-cli@latest init
# Select: Yes, New York style, Neutral color, Yes to CSS variables
# Add components
npx magicui-cli@latest add particles typing-animation number-ticker magic-card animated-beam animated-list marquee bento-grid shimmer-button box-reveal
```
3. **Add required files:**
- Add Salem's CV as `public/SalemAljebalyCV.pdf`
- Add certification images in `public/certifications/`
- Copy `.env.example` to `.env.local` and update the values
4. **Run development:**
```bash
npm run dev
```
## Key Features
- ✅ Bilingual (English/Arabic) with RTL support
- ✅ MagicUI animated components
- ✅ SEO optimized with structured data
- ✅ Edge runtime ready
- ✅ Accessible (WCAG 2.1 AA)
- ✅ Contact form with server actions
- ✅ Responsive design
## Deployment
Deploy to Vercel and configure custom domain (docker.com.ly).
## Technologies
- Next.js 15.3.3 (App Router)
- MagicUI Components
- Tailwind CSS v4
- Framer Motion
- Zain Google Font
- TypeScript
## TODO
- add robots.txt