A personal website and portfolio for all tech-related affairs. Built with Next.js and shadcn for UI components, deployed via Vercel and routed through Cloudflare for caching and security.
naj-dev serves as the central hub for my personal projects, articles, and professional details. The goal is to showcase my portfolio, highlight ongoing work, and demonstrate modern web development practices.
- Next.js – Framework for server-rendered and statically generated React apps.
- shadcn – Collection of pre-built, customizable UI components.
- Vercel – Deployment platform that integrates seamlessly with Next.js.
- Cloudflare – Provides a caching layer and security features like DDoS protection.
- Responsive Layout – Mobile-first, adapts to any device.
- Portfolio Showcase – Highlights projects and achievements.
- Optional Blog/Articles – Share posts or deep-dives into technical topics.
- Modern UI – Styled with shadcn components for a sleek design.
- Cloudflare Integration – Adds performance boosts and robust security.
-
Clone the Repository
git clone https://github.com/YourUsername/naj-dev.git
cd naj-dev -
Install Dependencies
npm install
(oryarn/pnpm install) -
Run in Development Mode
npm run dev
(oryarn dev/pnpm dev)
Open http://localhost:3000 in your browser to view the site.
The project is deployed on Vercel (ideal for Next.js). Cloudflare is configured as an additional layer for caching and security.
- Push changes to GitHub.
- Vercel builds and deploys automatically from your main branch.
- Cloudflare routes and caches your domain for optimal performance.
- Fork the repository.
- Create a branch (e.g.,
git checkout -b feature/new-component). - Commit your changes (
git commit -m 'Add new component'). - Push to the branch (
git push origin feature/new-component). - Open a Pull Request for review.
Questions or feedback? Open an issue or reach out anytime!