# CodeProfileCard

> The ruixen.com frontend (built with Next.js) can be paired with a dedicated FastAPI backend for better scalability, maintainability, and security. The backend should live in a separate folder (or repository) named ruixen-backend, containing API routes, database models, and authentication logic. Both frontend and backend can communicate securely via environment variables and HTTPS APIs, keeping sensitive data like API keys, DB credentials, and JWT secrets in .env files. This separation ensures cleaner version control, easier CI/CD deployment, and improved security through isolated environments for frontend and backend.

- Author: [ruhith](https://21st.dev/@ruhith369)
- License: unknown
- Live preview: https://21st.dev/@ruhith369/components/code-profile-card

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruhith369/code-profile-card?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt