- Обзор моего представления
- Категория представления:
- Ссылка на код
- tim0-12432 / markdown-blog
- Блог Markdown
- Блог о разметке
- Мотивация
- Установка и использование
- Необходимые условия
- Конфигурация
- Дополнительные ресурсы / информация
- Лицензия
- Приборная панель Appwrite
- Ведро для хранения данных
- Файлы уценки
- Домашний экран
- Тимо
Обзор моего представления
Я давно хотел изучить NextJS и начал разрабатывать концепцию блога, написанного в формате markdown. Когда команда appwrite и dev.to придумала этот хакатон, я решил принять в нем участие, добавив функциональность appwrite в этот блог. Моя идея заключалась в том, чтобы хранить файлы mdx, которые изначально хранятся в директории posts, в базе данных хранилища appwrite. Я программирую уже почти месяц, и наконец-то это сделано. Вам просто нужен контейнер appwrite и мое изображение markdown-blog в контейнере. Дополнительную информацию о конфигурации и настройке можно найти в README.md
В технологическом плане я использую NextJS для динамического рендеринга фронтенда, next-MDX-remote для парсинга mdx и TailwindCss для стилизации.
Категория представления:
Web2 Wizards
Ссылка на код
tim0-12432 / markdown-blog
tim0-12432 / markdown-blog Блог Markdown
Блог о разметке
Мотивация
Я хотел изучить NextJS в течение нескольких месяцев. Теперь пришло время, и я создал сервер для отображения записей блога в формате markdown. Так что это мой первый проект с использованием NextJS.
Заметив новый хакатон appwrite, я решил добавить возможность хранить файлы постов в формате markdown в базе данных appwrite.
Установка и использование
Необходимые условия
Если вы планируете добавлять посты с помощью возможности Appwrite Database, вам необходимо иметь экземпляр Appwrite, запущенный на локальной машине или на сервере.
Файлы должны храниться в ведре в хранилище, а их идентификаторы должны совпадать с именем файла, чтобы их можно было найти!
Конфигурация
-
- Пример AppwriteDB
"appwriteDatabase": { "url": { "host": "localhost" "port": 3000 }, "projectId": "YOUR_PROJECT_ID", "postBucketId": "YOUR_POST_BUCKET_ID", "apiKey": "YOUR_API_KEY
…
Дополнительные ресурсы / информация
Лицензия
MIT
Приборная панель Appwrite
Ведро для хранения данных
Файлы уценки
Домашний экран
Тимо