Back4app ist das Backend hinter CRM-Apps. Für Next.js erhalten Sie das Parse SDK in Serverkomponenten oder Server Actions für Kontakte und Deals, plus REST und GraphQL—kein Server, den Sie schreiben oder hosten müssen.

Next.js Vorlage

CRM App Backend-Vorlage
Next.js — Schema, API & KI-Leitfaden

Q: Warum Back4app für eine Next.js CRM-App verwenden?

Back4app funktioniert mit Next.js CRM: Kontakte und Deals in Serverkomponenten oder Server Actions abrufen oder das Parse SDK auf dem Client für Echtzeit-Pipeline-Updates verwenden.

Q: Wie frage ich Deals nach Phase in Next.js ab?

In Server Actions oder im Client-Code verwenden Sie das Parse SDK mit neuem Parse.Query('Deal').equalTo('stage', stage).orderBy('expectedCloseDate').find().

Q: Kann ich Server Actions mit Back4app verwenden?

Ja. Rufen Sie das Parse REST API oder SDK von Server Actions auf; übergeben Sie das Sitzungstoken in den Headern für authentifizierte Anfragen.

Ein produktionsbereites Next.js CRM Backend-Schema und Starter-Kit auf Back4app: Kontakt, Unternehmen, Deal, Aktivität, Pipeline-Stufen, ER-Diagramm, Datenwörterbuch, JSON-Schema, API-Spielplatz und ein One-Click KI-Agent Prompt zur Bereitstellung in Minuten.

Mit KI-Agent erstellen

Wichtige Erkenntnisse

Auf dieser Seite erhalten Sie ein produktionsbereites CRM-Schema, einen One-Click KI-Prompt und Schritt-für-Schritt Next.js Code — damit Sie eine CRM-App ohne Backend-Erstellung bereitstellen können.

In Minuten bereitstellen — Fügen Sie die AI-Agentenaufforderung ein und erhalten Sie eine laufende App mit Kontakten, Unternehmen, Angeboten und Pipeline.
Standardmäßig sicher — ACLs und rollenbasierter Zugriff, damit Benutzer nur ihre zugewiesenen Angebote und Daten sehen.
Next.js-native SDK — Typisierte Objekte, async/await, Offline-Pinning und Live Queries für Pipeline-Updates.
REST + GraphQL — Beide APIs werden automatisch generiert; Angebote nach Phase filtern, Aktivitäten nach relatedTo auflisten.
Fünf Klassen — _User (integriert), Unternehmen, Kontakt, Angebot (Pipeline), Aktivität (Aufgaben/Ereignisse).

Was ist die Next.js CRM App Backend-Vorlage?

Die Next.js CRM App Backend-Vorlage kombiniert das CRM-Schema von Back4app mit dem Parse SDK für sowohl Server als auch Client. Kontakte und Deals in Server-Komponenten oder Server Actions abrufen oder das Client-SDK für Echtzeit-Pipeline-Updates verwenden. Setzen Sie ein Full-Stack-CRM ohne benutzerdefinierte API-Routen ein — Back4app bietet REST und GraphQL, Authentifizierung und Echtzeitsynchronisierung.

Am besten für:

VertriebsteamsCRM-EntwicklerSchnelles PrototypingAußendienstmitarbeiterMVP-StartsTeams, die sich für ein BaaS für CRM entscheiden

Übersicht

Next.js kann CRM-Daten auf dem Server (Server-Komponenten, Server Actions) oder auf dem Client rendern. Das Schema von Back4app unterstützt beides: Kontakte und Deals im Servercode mit dem Sitzungstoken in den Headern abrufen oder das Parse SDK in Client-Komponenten für Echtzeit-Pipeline-Updates verwenden.

Das Schema — _User, Company, Contact, Deal, Activity — wird über REST und GraphQL bereitgestellt. In Next.js wählen Sie, wo Sie Abfragen ausführen (Server vs. Client), und Back4app erzwingt ACLs und Eigentum, sodass jeder Benutzer nur seine Daten sieht.

Kern-CRM-Funktionen

Next.js CRM-Backend: Kontakt- und Unternehmensmanagement, Deal-Pipeline und Aktivitätsverfolgung. Verwenden Sie Server Actions oder das Client Parse SDK für Echtzeit-Pipeline und ACLs.

Kontaktverwaltung

Speichern und Verwalten von Kontakten mit Name, E-Mail, Telefon, Unternehmen und Notizen. Ideal für Next.js-Apps.

Unternehmensverwaltung

Verfolgen Sie Unternehmen mit Namen, Website, Branche und Adresse. Verknüpft mit Kontakten und Geschäften.

Deal-Pipeline

Verkaufspipeline mit Phasen, Betrag, voraussichtlichem Abschlussdatum und Zuweisung. Entwickelt für Next.js Backends.

Aktivitätsverfolgung

Protokollieren Sie Anrufe, E-Mails, Besprechungen und Notizen, die mit Kontakten und Geschäften verknüpft sind. Funktioniert mit Next.js SDK.

Benutzer & Berechtigungen

Integriertes Benutzermodell und Verweise für Eigentum und Zuweisung. ACLs sofort einsatzbereit für Next.js.

Warum Ihr Next.js CRM-Backend mit Back4app erstellen?

Back4app kombiniert sich mit Next.js, sodass Sie Serverkomponenten, Server Actions oder clientseitiges Abrufen für CRM ohne eine benutzerdefinierte API verwenden können.

•Server und Client: Kontakte und Deals in Serverkomponenten oder Server Actions abrufen; verwenden Sie das Parse SDK auf dem Client für Echtzeit-Pipeline-Updates.
•Auth und Sitzung: Parse.Benutzersitzungstoken funktionieren mit Ihrer Next.js Authentifizierungsschicht; übergeben Sie das Token in den Headern für serverseitige Anfragen.
•Ein Backend, viele Einstiegspunkte: Dasselbe Schema und dieselben APIs, egal ob Sie auf dem Server rendern oder auf dem Client hydratisieren.

Ideal für Next.js-Apps, die CRM- oder Vertriebs-Dashboards mit App Router oder Pages Router erstellen.

Kernvorteile

Ein produktionsbereiter CRM-Backend, damit Sie schneller liefern und sich auf Ihre App konzentrieren können.

Schneller liefern, kein Backend-Code

REST- und GraphQL APIs und ein einsatzbereites Schema — verbinden Sie Ihre App und legen Sie los.

Standardmäßig sicher

ACLs und Klassenberechtigungen; einschränken nach assignedTo und createdBy.

Echtzeit-Pipeline

Live Queries über WebSockets für sofortige Deal- und Aktivitätsupdates.

Integrierte Authentifizierung

Benutzerregistrierung, Anmeldung und Sitzungsverwaltung sofort einsatzbereit.

Offline-Funktionalität

Lokales Pinnen hält Kontakte und Deals offline verfügbar und synchronisiert, wenn Sie sich wieder verbinden.

In Minuten bereitstellen

Verwenden Sie den KI-Agenten, um Ihre CRM-App aus dieser Vorlage zu erstellen und bereitzustellen.

Bereit, es auszuprobieren?

Lassen Sie den Back4app KI-Agenten Ihr CRM-App-Backend erstellen, das Next.js-Frontend verbinden und bereitstellen — alles aus einem einzigen Prompt.

Mit KI-Agenten erstellen API Playground ausprobieren

Kostenlos starten — 50 KI-Agenten-Prompts/Monat, keine Kreditkarte erforderlich

Technologischer Stack

Alles, was diese CRM-App-Vorlage auf einen Blick antreibt.

Frontend

Next.js

Backend

Back4app

Datenbank

MongoDB

Auth

Auth & Zugriffskontrolle

APIs

REST & GraphQL

Bereitstellung

KI-Agent / Dashboard

ER-Diagramm

Entität-Beziehungsdiagramm für das Next.js CRM-App-Datenmodell.

ER-Diagramm

Diagrammquelle anzeigen

Mermaid

erDiagram
    _User {
        String objectId PK
        String username
        String email
        String password
        Date createdAt
        Date updatedAt
    }

    Company {
        String objectId PK
        String name
        String website
        String industry
        String address
        String notes
        Pointer createdBy FK
        Date createdAt
        Date updatedAt
    }

    Contact {
        String objectId PK
        String name
        String email
        String phone
        Pointer company FK
        String notes
        Pointer createdBy FK
        Date createdAt
        Date updatedAt
    }

    Deal {
        String objectId PK
        String title
        Number amount
        String stage
        Pointer contact FK
        Pointer company FK
        Date expectedCloseDate
        String notes
        Pointer assignedTo FK
        Date createdAt
        Date updatedAt
    }

    Activity {
        String objectId PK
        String type
        String subject
        String description
        Date dueDate
        Date completedAt
        Pointer relatedTo FK
        Pointer createdBy FK
        Date createdAt
        Date updatedAt
    }

    Company ||--o{ Contact : "has"
    Company ||--o{ Deal : "has"
    Contact ||--o{ Deal : "has"
    _User ||--o{ Deal : "assignedTo"
    _User ||--o{ Activity : "createdBy"
    Contact ||--o{ Activity : "relatedTo"
    Deal ||--o{ Activity : "relatedTo"
    _User ||--o{ Company : "createdBy"
    _User ||--o{ Contact : "createdBy"

Integrationsfluss

Auth-to-CRUD-Sequenz: wie Ihre Next.js App mit Back4app kommuniziert — anmelden, dann Kontakte und Deals abfragen, Pipeline aktualisieren.

ER-Diagramm

Diagrammquelle anzeigen

Mermaid

sequenceDiagram
  participant User
  participant App as Next.js App
  participant Back4app as Back4app Cloud

  User->>App: Login
  App->>Back4app: Parse.User.logIn(username, password)
  Back4app-->>App: Session token
  App-->>User: Logged in

  User->>App: Load contacts and deals (Server or Client)
  App->>Back4app: new Parse.Query('Deal').find() or Parse.Query('Contact').find()
  Back4app-->>App: List of Deal / Contact
  App-->>User: Show pipeline

  User->>App: Create deal or contact
  App->>Back4app: deal.save() or contact.save()
  Back4app-->>App: Deal (objectId)
  App-->>User: Updated list

Datenwörterbuch

Vollständige Feldreferenz für jede Klasse im Schema.

Feld	Typ	Beschreibung	Erforderlich
objectId	String	Auto-generated unique identifier	auto
name	String	Full name of the contact
email	String	Email address	—
phone	String	Phone number	—
company	Pointer<Company>	Company this contact belongs to	—
notes	String	Free-form notes	—
createdBy	Pointer<_User>	User who created this contact	—
createdAt	Date	Auto-generated creation timestamp	auto
updatedAt	Date	Auto-generated last-update timestamp	auto

9 Felder in Contact

Sicherheit & Berechtigungen

Wie Eigentum, ACLs und Klassenberechtigungen Daten in diesem CRM-Schema schützen.

Zeilenebene ACLs

Verwenden Sie ACLs und Zeiger (assignedTo, createdBy), damit Benutzer nur ihre zugewiesenen Deals und verwandte Daten sehen und bearbeiten können.

Klassenberechtigungen

CLPs beschränken, welche Rollen oder Benutzer Objekte auf Klassenebene erstellen, lesen, aktualisieren oder löschen können.

Zeigerbasiertes Eigentum

Deal.assignedTo und Activity.createdBy verlinken zu _User; Cloud Code kann Sichtbarkeit und Bearbeitungen nach Rolle durchsetzen.

Schema (JSON)

Roh-JSON-Schemaspezifikation — kopieren und in Ihrer Back4app-App verwenden oder über die API importieren.

JSON

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

{
  "classes": [
    {
      "className": "Contact",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "name": {
          "type": "String",
          "required": true
        },
        "email": {
          "type": "String",
          "required": false
        },
        "phone": {
          "type": "String",
          "required": false
        },
        "company": {
          "type": "Pointer",
          "targetClass": "Company",
          "required": false
        },
        "notes": {
          "type": "String",
          "required": false
        },
        "createdBy": {
          "type": "Pointer",
          "targetClass": "_User",
          "required": false
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "Company",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "name": {
          "type": "String",
          "required": true
        },
        "website": {
          "type": "String",
          "required": false
        },
        "industry": {
          "type": "String",
          "required": false
        },
        "address": {
          "type": "String",
          "required": false
        },
        "notes": {
          "type": "String",
          "required": false
        },
        "createdBy": {
          "type": "Pointer",
          "targetClass": "_User",
          "required": false
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "Deal",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "title": {
          "type": "String",
          "required": true
        },
        "amount": {
          "type": "Number",
          "required": false
        },
        "stage": {
          "type": "String",
          "required": false
        },
        "contact": {
          "type": "Pointer",
          "targetClass": "Contact",
          "required": false
        },
        "company": {
          "type": "Pointer",
          "targetClass": "Company",
          "required": false
        },
        "expectedCloseDate": {
          "type": "Date",
          "required": false
        },
        "notes": {
          "type": "String",
          "required": false
        },
        "assignedTo": {
          "type": "Pointer",
          "targetClass": "_User",
          "required": false
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "Activity",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "type": {
          "type": "String",
          "required": false
        },
        "subject": {
          "type": "String",
          "required": false
        },
        "description": {
          "type": "String",
          "required": false
        },
        "dueDate": {
          "type": "Date",
          "required": false
        },
        "completedAt": {
          "type": "Date",
          "required": false
        },
        "relatedTo": {
          "type": "Pointer",
          "required": false
        },
        "createdBy": {
          "type": "Pointer",
          "targetClass": "_User",
          "required": false
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "_User",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "username": {
          "type": "String",
          "required": true
        },
        "email": {
          "type": "String",
          "required": true
        },
        "password": {
          "type": "String",
          "required": true
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    }
  ]
}

Mit AI-Agent erstellen

Verwenden Sie den Back4app AI-Agent, um eine echte CRM-App aus dieser Vorlage zu erstellen: Er wird das Frontend, das Backend (dieses Schema, Authentifizierung und APIs) erstellen und bereitstellen – keine manuelle Einrichtung. Der folgende Prompt beschreibt diesen CRM-Stack, damit der Agent eine produktionsbereite App auf einmal generieren kann.

Back4app AI-Agent

Bereit zum Erstellen

Erstellen Sie eine CRM-App auf Back4app mit diesem genauen Schema und Verhalten.

Schema:
1. _User (verwenden Sie Back4app integrierte): Benutzername (String, erforderlich), E-Mail (String, erforderlich), Passwort (String, erforderlich); objectId, createdAt, updatedAt (System).
2. Unternehmen: Name (String, erforderlich), Website (String), Branche (String), Adresse (String), Notizen (String), erstelltVon (Pointer zu _User); objectId, createdAt, updatedAt (System).
3. Kontakt: Name (String, erforderlich), E-Mail (String), Telefon (String), Unternehmen (Pointer zu Unternehmen), Notizen (String), erstelltVon (Pointer zu _User); objectId, createdAt, updatedAt (System).
4. Deal: Titel (String, erforderlich), Betrag (Zahl), Phase (String; z.B. Lead, qualifiziert, Angebot, Verhandlung, gewonnen, verloren), Kontakt (Pointer zu Kontakt), Unternehmen (Pointer zu Unternehmen), erwartetes Abschlussdatum (Datum), Notizen (String), zugewiesenAn (Pointer zu _User); objectId, createdAt, updatedAt (System).
5. Aktivität: Typ (String; z.B. Anruf, E-Mail, Meeting, Notiz), Betreff (String), Beschreibung (String), Fälligkeitsdatum (Datum), abgeschlossenAm (Datum), bezogenAuf (Pointer zu Kontakt oder Deal), erstelltVon (Pointer zu _User); objectId, createdAt, updatedAt (System).

Sicherheit:
- Setzen Sie ACLs, damit nur authentifizierte Benutzer auf Daten zugreifen können; verwenden Sie rollenbasierte oder besitzerbasierte Regeln, wo es angebracht ist (z.B. zugewiesenAn, erstelltVon).
- Verwenden Sie Klassenebenenberechtigungen, damit nur authentifizierte Benutzer diese Klassen erstellen/lesen/aktualisieren/löschen können.

Authentifizierung:
- Anmeldung (Benutzername, E-Mail, Passwort) und Login; Unterstützung für Abmeldung/Sitzung.

Verhalten:
- Vollständiges CRUD für Unternehmen, Kontakt, Deal und Aktivität.
- Listen Sie Deals mit Filter nach Phase und sortieren Sie nach erwartetesAbschlussdatum oder updatedAt (Pipeline-Ansicht).
- Listen Sie Aktivitäten nach bezogenAuf (Kontakt oder Deal).
- Optional: Echtzeit Live Queries für Deal und Aktivität für Dashboard/Pipeline-Updates.
- Optional: Offline-Pinning für mobile (Kontakte, Deals, Aktivitäten).

Liefern:
- Erstellen Sie die Back4app-App mit dem obigen Schema, ACLs und allen benötigten Cloud-Code.
- Generieren Sie das Frontend und verbinden Sie es mit diesem Backend; bereitstellen, damit die App end-to-end lauffähig ist.

Drücken Sie die Schaltfläche unten, um den Agenten mit dem vorab ausgefüllten Prompt dieser Vorlage zu öffnen.

In Minuten bereitstellen50 kostenlose Eingabeaufforderungen / MonatKeine Kreditkarte erforderlich

API-Spielplatz

Versuchen Sie die REST- und GraphQL-Endpunkte für das CRM-Schema. Antworten aus den obigen Beispieldaten — kein Back4app-Konto erforderlich.

Spielplatz wird geladen…

Verwendet dasselbe CRM-Schema (Kontakt, Unternehmen, Deal, Aktivität) wie diese Vorlage.

Schritt-für-Schritt Next.js Integration

Verbinden Sie sich von einer Next.js App mit Ihrem Back4app Backend über das Back4app Next.js SDK.

Schritt 1: Installieren Sie das Back4app Next.js SDK
Fügen Sie das Back4app SDK für Ihren Stack hinzu (z.B. npm, pubspec oder Paketmanager).
Bash
1
```
npm install parse
```

Schritt 2: Initialisieren Sie Back4app in Ihrer App

Initialisieren Sie das Back4app SDK beim Start der App mit Ihrer App-ID und Server-URL.

JavaScript

// app/providers/parse.ts or layout.tsx
import Parse from 'parse';

Parse.initialize(
  process.env.NEXT_PUBLIC_PARSE_APP_ID!,
  process.env.NEXT_PUBLIC_PARSE_JS_KEY!,
  { serverURL: 'https://parseapi.back4app.com' }
);
Parse.serverURL = 'https://parseapi.back4app.com';

Schritt 3: Kontakte und Geschäfte abfragen

Verwenden Sie das SDK, um Kontakt- und Geschäftsobjekte abzurufen; filtern Sie Geschäfte nach Phase für die Pipeline.

JavaScript

// Server: app/actions/crm.ts — or client with Parse SDK
async function getDeals(stage = 'qualified') {
  const query = new Parse.Query('Deal');
  query.equalTo('stage', stage);
  query.ascending('expectedCloseDate');
  const results = await query.find();
  return results;
}

async function getContacts() {
  const query = new Parse.Query('Contact');
  return await query.find();
}

Schritt 4: Erstellen Sie einen Kontakt oder ein Geschäft

Erstellen Sie einen neuen Kontakt oder ein Geschäft mit den erforderlichen Feldern und Hinweisen (Unternehmen, Kontakt, zugewiesen an), und speichern Sie dann.

JavaScript

async function createDeal(title: string, stage = 'lead', amount?: number) {
  const Deal = Parse.Object.extend('Deal');
  const deal = new Deal();
  deal.set('title', title);
  deal.set('stage', stage);
  if (amount != null) deal.set('amount', amount);
  await deal.save();
  return deal;
}

Schritt 5: Aktualisieren Sie die Geschäftsphase und Aktivitäten

Aktualisieren Sie Deal.stage beim Bewegen in der Pipeline; erstellen und listen Sie Aktivitäten nach relatedTo.

JavaScript

// Update deal stage
async function updateDealStage(objectId: string, stage: string) {
  const query = new Parse.Query('Deal');
  const deal = await query.get(objectId);
  deal.set('stage', stage);
  await deal.save();
}

// Delete
async function deleteDeal(objectId: string) {
  const query = new Parse.Query('Deal');
  const deal = await query.get(objectId);
  await deal.destroy();
}

Zustandsmanagement-Integration

Integrieren Sie das Back4app SDK mit der Zustandschicht Ihrer App (z.B. Kontext, Store oder Dienste) für Pipeline- und Kontaktzustände.

Vollständiges Datenmodell

Kopiere ein vollständiges CRM-Modell für typsichere Serialisierung (z.B. Klasse, Schnittstelle oder Typdefinition).

JavaScript

// TypeScript interfaces for Deal and Contact (matches Back4app schema)
interface Deal {
  objectId?: string;
  title: string;
  amount?: number;
  stage?: string;
  expectedCloseDate?: string;
  contact?: { __type: string; className: string; objectId: string };
  company?: { __type: string; className: string; objectId: string };
  assignedTo?: { __type: string; className: string; objectId: string };
  createdAt?: string;
  updatedAt?: string;
}

interface Contact {
  objectId?: string;
  name: string;
  email?: string;
  phone?: string;
  company?: { __type: string; className: string; objectId: string };
  createdAt?: string;
  updatedAt?: string;
}

function toDeal(obj: Parse.Object): Deal {
  return {
    objectId: obj.id,
    title: obj.get('title'),
    amount: obj.get('amount'),
    stage: obj.get('stage'),
    expectedCloseDate: obj.get('expectedCloseDate')?.toISOString?.() ?? undefined,
    contact: obj.get('contact'),
    company: obj.get('company'),
    assignedTo: obj.get('assignedTo'),
    createdAt: obj.get('createdAt')?.toISOString?.() ?? undefined,
    updatedAt: obj.get('updatedAt')?.toISOString?.() ?? undefined,
  };
}

Häufig gestellte Fragen

Häufige Fragen zum Backend-Template der CRM-App.

Was ist Back4app?

Warum Back4app für eine Next.js CRM-App verwenden?

Wie frage ich Deals nach Phase in Next.js ab?

Kann ich Server Actions mit Back4app verwenden?

Von Entwicklern weltweit vertraut

Schließe dich der Gemeinschaft an, die die Zukunft von Apps gestaltet.

Bereit, Ihre CRM-App zu erstellen?

Starten Sie Ihr Next.js-Projekt in wenigen Minuten. Keine Kreditkarte erforderlich.

Mit AI-Agent bauen

CRM App Backend-VorlageNext.js — Schema, API & KI-Leitfaden

Wichtige Erkenntnisse

Was ist die Next.js CRM App Backend-Vorlage?

Übersicht

Kern-CRM-Funktionen

Kontaktverwaltung

Unternehmensverwaltung

Deal-Pipeline

Aktivitätsverfolgung

Benutzer & Berechtigungen

Warum Ihr Next.js CRM-Backend mit Back4app erstellen?

Kernvorteile

Schneller liefern, kein Backend-Code

Standardmäßig sicher

Echtzeit-Pipeline

Integrierte Authentifizierung

Offline-Funktionalität

In Minuten bereitstellen

Bereit, es auszuprobieren?

Technologischer Stack

ER-Diagramm

Integrationsfluss

Datenwörterbuch

Sicherheit & Berechtigungen

Zeilenebene ACLs

Klassenberechtigungen

Zeigerbasiertes Eigentum

Schema (JSON)

Mit AI-Agent erstellen

API-Spielplatz

Schritt-für-Schritt Next.js Integration

Schritt 1: Installieren Sie das Back4app Next.js SDK

Schritt 2: Initialisieren Sie Back4app in Ihrer App

Schritt 3: Kontakte und Geschäfte abfragen

Schritt 4: Erstellen Sie einen Kontakt oder ein Geschäft

Schritt 5: Aktualisieren Sie die Geschäftsphase und Aktivitäten

Zustandsmanagement-Integration

Vollständiges Datenmodell

Häufig gestellte Fragen

Von Entwicklern weltweit vertraut

Bereit, Ihre CRM-App zu erstellen?

CRM App Backend-Vorlage
Next.js — Schema, API & KI-Leitfaden