دليل البدء لمدونة ثابتة
•hwishort
دليل حول كيفية إنشاء مدونة ثابتة.
دليلشرحNext.js
دليل البدء لمدونة ثابتة
إنشاء مدونة ثابتة أسهل مما تعتقد. تشرح هذه المقالة كيفية بناء مدونة ثابتة باستخدام Next.js.
الأدوات المطلوبة
- Node.js: بيئة تشغيل جافاسكريبت
- Next.js: إطار عمل React
- Tailwind CSS: تنسيق وتصميم
- Markdown: كتابة المحتوى
خطوات التثبيت
# إنشاء المشروع
npx create-next-app@latest my-blog --typescript --tailwind --eslint
# تثبيت الحزم
npm install gray-matter remark remark-html date-fns
# تشغيل خادم التطوير
npm run dev
كتابة المقالات
أنشئ ملفات markdown في مجلد posts/:
---
title: "عنوان المقال"
date: "2024-01-15"
description: "وصف المقال"
tags: ["وسم1", "وسم2"]
---
# محتوى المقال
النشر
قم ببناء الموقع كصفحات ثابتة وانشره على GitHub Pages أو Netlify أو Vercel أو غيرها.
npm run build
npm run export
مدونتك الثابتة أصبحت جاهزة الآن!