دليل البدء لمدونة ثابتة

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

مدونتك الثابتة أصبحت جاهزة الآن!