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ì!
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
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' }
]
}
]
}
});
Cấu hình Netlify để sử dụng Git Gateway:
Triển khai lên Netlify:
Giữa SQLite3 và Supabase, còn phụ thuộc vào nhu cầu của đằng ấy nữa:
SQLite3:
Supabase:
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! 🥰🌷