nextjs postgres nextauth tailwindcss template
1.0.0
هذا قالب بداية باستخدام المكدس التالي:
يستخدم هذا القالب جهاز توجيه تطبيق Next.js الجديد. يتضمن ذلك دعمًا للتخطيطات المحسّنة ، ومجموعة المكونات ، والاختبارات ، والأنماط ، وجلب البيانات على مستوى المكون ، وأكثر من ذلك.
أثناء النشر ، سيطالبك Vercel بإنشاء قاعدة بيانات Postgres جديدة. سيؤدي ذلك إلى إضافة متغيرات البيئة اللازمة إلى مشروعك.
داخل لوحة معلومات Vercel Postgres ، قم بإنشاء جدول يعتمد على المخطط المحدد في هذا المستودع.
CREATE TYPE status AS ENUM ('active', 'inactive', 'archived');
CREATE TABLE products (
id SERIAL PRIMARY KEY,
image_url TEXT NOT NULL,
name TEXT NOT NULL,
status status NOT NULL,
price NUMERIC(10, 2) NOT NULL,
stock INTEGER NOT NULL,
available_at TIMESTAMP NOT NULL
);
بعد ذلك ، app/api/seed.ts واضغط على http://localhost:3000/api/seed لبذرة قاعدة البيانات مع المنتجات.
بعد ذلك ، انسخ ملف .env.example إلى .env وتحديث القيم. اتبع الإرشادات في ملف .env.example لإعداد تطبيق GitHub Oauth الخاص بك.
npm i -g vercel
vercel link
vercel env pullأخيرًا ، قم بتشغيل الأوامر التالية لبدء خادم التطوير:
pnpm install
pnpm dev
يجب أن تكون قادرًا الآن على الوصول إلى التطبيق على http: // localhost: 3000.
