Loading repository dataβ¦
Anuj-er / repository
Welcome to my personal portfolio! π This project is a showcase of my skills, projects, and accomplishments as a developer. Itβs a Next.js-based site π§βπ» designed to highlight my journey, experiences, and tech stack while integrating features like an interactive gallery πΈ, recent updates section π°, and real-time feedback display π.
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
This project is built using a hybrid architecture that balances the SEO benefits of Server-Side Rendering with the interactivity of modern React Client Components.
graph TD
subgraph "Public Frontend"
UI[User Interface - Framer Motion]
SSR[Next.js Server Component - Fetching]
end
subgraph "Private Management"
Admin[Admin Dashboard]
Auth[Security Layer - HTTP-only Cookies]
end
subgraph "Backend Services"
DB[(MongoDB Atlas)]
CDN[Cloudinary CDN]
Storage[Public Assets]
end
subgraph "Logic & Security"
Actions[Server Actions]
Guards[isAdmin Verification]
end
User --> SSR
SSR --> UI
SSR -- "Mongoose" --> DB
SSR -- "Cloudinary SDK" --> CDN
Admin -- "Next.js Actions" --> Actions
Actions --> Guards
Guards -- "Success" --> DB
Guards -- "Success" --> CDN
Unlike basic portfolios, this project treats security as a first-class citizen.
| Feature | Implementation | Purpose |
|---|---|---|
| Server-Side Authorization | isAdmin() Guard | Prevents unauthorized triggering of database actions (Create/Update/Delete). |
| Session Protection | HTTP-Only Cookies | Stores auth tokens in non-accessible cookies to prevent XSS attacks. |
| Action Guards | Persistent Validation | All data mutations are checked server-side before execution. |
| Production Locks | Seed Guard | The seed.js script refuses to wipe the database if NODE_ENV=production. |
| Secret Management | Environment Variables | No keys (Cloudinary, MongoDB, Passwords) are ever leaked in the repo. |
The application has been refactored from Client-Side fetching to .
Selected from shared topics, language and repository descriptionβnot editorial ratings.
sanidhyy /
Welcome to my full stack Next.js 14 space portfolio.
89/100 healthShiveshNandan /
Welcome to my self-coded portfolio website, a customizable and responsive template designed for developers and designers to showcase their work professionally. This template offers an elegant, user-friendly interface with sections for introduction, skills, about me, projects, experience, and contact information, making it easy to present.
55/100 healthuseEffectsequenceDiagram
participant Browser
participant Server as Next.js Server
participant DB as MongoDB Atlas
Browser->>Server: Request Home Page
Server->>DB: Fetch All Data (About, Projects, Experience)
DB-->>Server: Data Returned
Server->>Server: Pre-render Page with Data
Server-->>Browser: Fully Formed HTML + Hydration Script
Note over Browser: Zero Layout Shift!
.
βββ app/
β βββ (main)/ # Public views (SSR optimized)
β βββ admin/ # Secure management dashboard
β βββ api/ # Cloudinary signature routes
β βββ layout.tsx # Global design tokens
βββ components/
β βββ ui/ # Reusable Framer Motion components
β βββ admin/ # Dashboard specific controls
βββ lib/
β βββ actions.ts # Secure Server Actions (The Brain)
β βββ db.ts # Mongoose connection pool
βββ models/ # MongoDB Schemas
βββ scripts/ # Productivity & Backup tools
git clone https://github.com/Anuj-er/Folio-Anuj.git
cd Folio-Anuj
npm install
Create a .env.local using the template below:
# Database
MONGODB_URI=your_uri_here
# Admin Portal
ADMIN_PASSWORD=your_secure_pass
# Cloudinary
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=name
CLOUDINARY_API_KEY=key
CLOUDINARY_API_SECRET=secret
npm run dev
shohan-pherones /
Welcome to my portfolio website! I'm thrilled to present to you a collection of my work and achievements, showcasing my skills as a web developer. Built with cutting-edge technologies such as React, TypeScript, Next.js, and Tailwind CSS.
38/100 healthmohamad-es /
Welcome to my personal website, crafted with Next.js and TypeScript! Here, youβll discover my skills and explore a collection of my projects. I'm excited to share my work with you and hope you find it inspiring!
43/100 healthalejandrov44 /
π Welcome to my personal portfolio project! This website showcases my work, skills, and experiences in development.
42/100 healthJohnVersus /
Welcome to my Git Verse. This is the open source repository of my profile website.
75/100 health