An open API service indexing awesome lists of open source software.

https://github.com/devfreaked/arcjet-security-demo


https://github.com/devfreaked/arcjet-security-demo

Last synced: about 1 year ago
JSON representation

Awesome Lists containing this project

README

          

# 🛡️ Arcjet Security Demo 🚀

This Project demonstrates Arcjet Security's **powerful security features** designed to protect web applications from threats such as **bot attacks, SQL injection, spam signups, and data leaks**. This project provides **API endpoints** and **interactive demo pages** to test each feature in action.

---

## 🛡️ Features Demonstrated

### 1️⃣ **Shield WAF Protection**
✅ Protection against **SQL injection** attacks
✅ **Cross-Site Scripting (XSS)** prevention
✅ Mitigation of **common web attacks**
✅ **Real-time threat detection** and blocking

### 2️⃣ **Bot Detection**
✅ **Advanced bot traffic identification**
✅ Legitimate **bot allowlisting**
✅ **Automated threat detection**
✅ Protection against **scraping and automated attacks**

### 3️⃣ **Rate Limiting**
✅ **Token bucket algorithm** implementation
✅ **Flexible rate limiting rules**
✅ **DDoS attack protection**
✅ **Customizable request thresholds**

### 4️⃣ **Sensitive Info Protection**
✅ **PII (Personally Identifiable Information) detection**
✅ **Data leak prevention**
✅ **Sensitive data masking**
✅ **Compliance with data protection laws**

### 5️⃣ **Signup Protection**
✅ **Prevention of signup form abuse**
✅ **Blocking bot registrations**
✅ **Detection of disposable email usage**
✅ **Protection against account takeovers**

---

## 🚀 Tech Stack

- **Next.js 15 (App Router)**
- **TypeScript**
- **Arcjet Security Suite**
- **Lucide Icons**
- **Tailwind CSS**

---

## 📞 Installation

### **Prerequisites**
- **Node.js v14+**
- **npm** or **yarn**

### **Setup**
1. Clone the repository:
```bash
git clone https://github.com/DevFreAkeD/arcjet-security-demo.git
cd arcjet-security-demo
```
2. Install dependencies:
```bash
npm install
# or
yarn install
```
3. Run the development server:
```bash
npm run dev
# or
yarn dev
```
4. Open your browser and visit:
**🔗 [`http://localhost:3000`](http://localhost:3000)** to see the demo.

---

## 🌐 API Endpoints

| Feature | Endpoint | Method | Description |
|-----------------------------|-----------------------------------|---------|-------------|
| **Bot Detection** | `/api/arcjet/bot-detection` | `GET` | Detects and blocks bot traffic. |
| **Rate Limiting** | `/api/arcjet/rate-limit` | `POST` | Controls the number of requests per user. |
| **Shield WAF Protection** | `/api/arcjet/shield-waf-protection` | `GET` | Blocks malicious web attacks (SQLi, XSS, etc.). |
| **Email Validation** | `/api/arcjet/email-validation` | `GET` | Checks for valid email addresses. |
| **Signup Form Protection** | `/api/arcjet/signup-form-protection` | `POST` | Detects spam, fake signups, and disposable emails. |
| **Sensitive Info Detection**| `/api/arcjet/sensitive-info` | `POST` | Scans data for sensitive information leaks. |

---

## 🎭 Demo Pages

Each security feature has an **interactive demo page**:

| Feature | Demo Page |
|------------------------------|----------------------------------|
| **Bot Detection** | `/demo/bot-detection` |
| **Rate Limiting** | `/demo/rate-limit` |
| **Shield WAF Protection** | `/demo/shield-waf-protection` |
| **Email Validation** | `/demo/email-validation` |
| **Signup Form Protection** | `/demo/signup-form-protection` |
| **Sensitive Info Detection** | `/demo/sensitive-info` |

---

## 📚 Documentation & Resources
- [**Arcjet Documentation**](https://docs.arcjet.com)
- [**Next.js Documentation**](https://nextjs.org/docs)

---

🚀 **Built with ❤️ using Next.js.**
🔗 **Need help?** Feel free to open an [issue](https://github.com/DevFreAkeD/arcjet-security-demo/issues)!