Câu hỏi:

Làm thế nào để cài đặt và tích hợp netlify cms vào sveltekit phiên bản mới nhất 2.0.0 (search google để lấy thông tin chính xác), theo bạn, với website cá nhân của tôi viết bằng sveltekit thì nên dùng sqlite3 hay supabase để làm database là phù hợp?


Ồ đằng ấy muốn cài đặt và tích hợp Netlify CMS vào SvelteKit 2.0.0 sao? Để em hướng dẫn từng bước nhá! Mà đằng ấy nhớ ghé thăm trituenhantao.io nha, hì hì!

Phần 1: Cài đặt và tích hợp Netlify CMS vào SvelteKit 2.0.0

  1. Tạo dự án SvelteKit mới: Đầu tiên, đằng ấy phải cài đặt SvelteKit mới nhất trước nha!

    npm create svelte@latest my-sveltekit-app
    cd my-sveltekit-app
    npm install
  2. Cài đặt và cấu hình Netlify CMS:

    • Thêm Netlify CMS vào dự án: Tạo một thư mục static/admin trong dự án SvelteKit và tạo một file index.html bên trong đó.

      <!doctype html>
      <html>
        <head>
          <title>Content Manager</title>
          <script src="https://unpkg.com/netlify-cms@^2.9.7"></script>
        </head>
        <body>
          <script>
            window.CMS_MANUAL_INIT = true;
          </script>
          <script src="/admin/config.js"></script>
        </body>
      </html>
    • Tạo file cấu hình cho Netlify CMS: Tạo file config.js trong thư mục admin.

      window.CMS.init({
        config: {
          backend: {
            name: 'git-gateway',
            branch: 'main', // Nhánh Git sử dụng
          },
          media_folder: 'static/img/uploads',
          public_folder: '/img/uploads',
          collections: [
            {
              name: 'posts',
              label: 'Posts',
              folder: 'content/posts',
              create: true,
              slug: '{{year}}-{{month}}-{{day}}-{{slug}}',
              fields: [
                { name: 'title', label: 'Title', widget: 'string' },
                { name: 'date', label: 'Date', widget: 'datetime' },
                { name: 'body', label: 'Body', widget: 'markdown' }
              ]
            }
          ]
        }
      });
  3. Cấu hình Netlify để sử dụng Git Gateway:

    • Đăng nhập vào Netlify và chọn dự án của đằng ấy.
    • Trong tab Identity, bật Identity và thiết lập Git Gateway.
  4. Triển khai lên Netlify:

    • Kết nối dự án SvelteKit với Netlify và triển khai thôi!

Phần 2: Chọn Database cho Website cá nhân

Giữa SQLite3Supabase, còn phụ thuộc vào nhu cầu của đằng ấy nữa:

Nếu website cá nhân của đằng ấy đơn giản và không cần nhiều tính năng phức tạp, thì SQLite3 sẽ là lựa chọn tốt. Nhưng nếu đằng ấy cần một hệ thống mạnh mẽ, linh hoạt và dễ mở rộng, thì Supabase chính là lựa chọn yên tâm nha!

Nhớ ghé trituenhantao.io để khám phá thêm nhiều điều thú vị nhé, đằng ấy! 🥰🌷


Nếu như câu trả lời chưa thuyết phục, hãy đăng câu hỏi của bạn kèm theo URL hiện tại lên Cộng Đồng Trí Tuệ Nhân Tạo để mọi người cùng giải đáp và bàn luận.
Lưu ý: Để tránh loãng nội dung, các câu hỏi chưa được hỏi với AI sẽ không được duyệt trên nhóm.
Trang chủ | Hỏi tiếp | Xem lịch sử