agapelev

🔍 Установка и интеграция Algolia в Next.js

1. Регистрация

• Создайте аккаунт на algolia.com
• Получите Application ID и Admin API Key

---

2. Установка

agapelev

Руководство по оформлению Markdown файлов

Markdown - это облегчённый язык разметки, который преобразует текст в структурированный HTML. Следующее руководство поможет вам разобраться, как использовать Markdown.

Заголовки

# Заголовок первого уровня
## Заголовок второго уровня
### Заголовок третьего уровня
#### Заголовок четвёртого уровня
##### Заголовок пятого уровня

agapelev

📚 Справочник классов TailwindCSS

Tailwind — это как LEGO для интерфейсов: собираешь стиль из утилит.

Установка

Интегрируем Tailwind CSS в проект, довольно просто и банально с помощью npm:

npm install -D tailwindcss npx tailwindcss init

agapelev

// @ts-check
import { defineConfig } from "astro/config";
import mdx from "@astrojs/mdx";
import sitemap from "@astrojs/sitemap";
import cloudflare from "@astrojs/cloudflare";
import tailwind from "@astrojs/tailwind";

export default defineConfig({
  site: "https://example.com",
  theme: 'public/css/theme.css',

agapelev

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    './src/**/*.{html,js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx}',
    './content/**/*.mdx',
    './data/**/*.{mdx,md}',
  ],
  theme: {
    extend: {

agapelev

astro.config.mjs

// @ts-check import { defineConfig } from "astro/config"; import mdx from "@astrojs/mdx"; import sitemap from "@astrojs/sitemap"; import cloudflare from "@astrojs/cloudflare"; import tailwind from "@astrojs/tailwind";

export default defineConfig({