Compare commits
4 Commits
version_9
...
version_10
| Author | SHA1 | Date | |
|---|---|---|---|
| 7d9e3379cc | |||
| a255161583 | |||
| ad8bbfecf6 | |||
| 73710d854b |
69
src/app/api/waitlist/route.ts
Normal file
69
src/app/api/waitlist/route.ts
Normal file
@@ -0,0 +1,69 @@
|
|||||||
|
import { NextRequest, NextResponse } from 'next/server';
|
||||||
|
|
||||||
|
const SUPABASE_URL = process.env.NEXT_PUBLIC_SUPABASE_URL || '';
|
||||||
|
const SUPABASE_ANON_KEY = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY || '';
|
||||||
|
|
||||||
|
export async function POST(request: NextRequest) {
|
||||||
|
try {
|
||||||
|
const body = await request.json();
|
||||||
|
const { email, instagram, tiktok } = body;
|
||||||
|
|
||||||
|
// Validate email
|
||||||
|
if (!email || !email.includes('@')) {
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'Invalid email address' },
|
||||||
|
{ status: 400 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Check if Supabase credentials are configured
|
||||||
|
if (!SUPABASE_URL || !SUPABASE_ANON_KEY) {
|
||||||
|
console.error('Supabase credentials not configured');
|
||||||
|
// Still return success to user, but log the error
|
||||||
|
return NextResponse.json(
|
||||||
|
{ message: 'Submission received (database pending)' },
|
||||||
|
{ status: 202 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Insert into Supabase
|
||||||
|
const response = await fetch(`${SUPABASE_URL}/rest/v1/waitlist`, {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json',
|
||||||
|
'apikey': SUPABASE_ANON_KEY,
|
||||||
|
'Authorization': `Bearer ${SUPABASE_ANON_KEY}`,
|
||||||
|
},
|
||||||
|
body: JSON.stringify({
|
||||||
|
email,
|
||||||
|
instagram: instagram || null,
|
||||||
|
tiktok: tiktok || null,
|
||||||
|
created_at: new Date().toISOString(),
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!response.ok) {
|
||||||
|
console.error('Supabase error:', await response.text());
|
||||||
|
// Check if it's a duplicate entry error
|
||||||
|
const errorText = await response.text();
|
||||||
|
if (errorText.includes('duplicate') || errorText.includes('unique')) {
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'This email is already on the waitlist' },
|
||||||
|
{ status: 409 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
throw new Error(`Supabase error: ${response.status}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
return NextResponse.json(
|
||||||
|
{ message: 'Successfully joined the waitlist' },
|
||||||
|
{ status: 201 }
|
||||||
|
);
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Waitlist API error:', error);
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'Failed to process waitlist submission' },
|
||||||
|
{ status: 500 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -15,6 +15,9 @@ export default function RootLayout({
|
|||||||
}) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<script async src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
|
||||||
|
</head>
|
||||||
<body className={inter.className}>{children}
|
<body className={inter.className}>{children}
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
|
|||||||
@@ -37,8 +37,21 @@ export default function LandingPage() {
|
|||||||
const [formStatus, setFormStatus] = useState<'idle' | 'success' | 'error'>('idle');
|
const [formStatus, setFormStatus] = useState<'idle' | 'success' | 'error'>('idle');
|
||||||
const contactFormRef = useRef<HTMLDivElement>(null);
|
const contactFormRef = useRef<HTMLDivElement>(null);
|
||||||
|
|
||||||
const handleWaitlistSubmit = (formData: WaitlistFormData) => {
|
const handleWaitlistSubmit = async (formData: WaitlistFormData) => {
|
||||||
try {
|
try {
|
||||||
|
// Send to database via API
|
||||||
|
const response = await fetch('/api/waitlist', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json',
|
||||||
|
},
|
||||||
|
body: JSON.stringify(formData),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!response.ok) {
|
||||||
|
throw new Error('Failed to submit form');
|
||||||
|
}
|
||||||
|
|
||||||
setWaitlistData([...waitlistData, formData]);
|
setWaitlistData([...waitlistData, formData]);
|
||||||
setFormStatus('success');
|
setFormStatus('success');
|
||||||
setTimeout(() => setFormStatus('idle'), 3000);
|
setTimeout(() => setFormStatus('idle'), 3000);
|
||||||
|
|||||||
Reference in New Issue
Block a user