← Cloudflare Pages / pages / framework-guides

Gridsome

Gridsome ↗ je framework Jamstack postavený na Vue.js pro tvorbu staticky generovaných webů a aplikací, které jsou ve výchozím nastavení rychlé. V tomto návodu vytvoříte nový projekt Gridsome a nasadíte ho pomocí Cloudflare Pages. Použijete @gridsome/cli ↗, nástroj příkazové řádky pro vytváření nových projektů Gridsome.

Nainstalujte @gridsome/cli spuštěním následujícího příkazu v terminálu:

npm install --global @gridsome/cli

Po nainstalování Gridsome nastavte nový projekt spuštěním gridsome create. create příkaz přijímá název, který určuje adresář vytvořeného projektu, a volitelný název starter kitu. Další startery najdete v sekce Gridsome starterů ↗.

npx gridsome create my-gridsome-website

Všechny průvodce frameworky předpokládají, že již máte základní znalosti Git ↗. Pokud s Gitem začínáte, podívejte se na tento shrnutá příručka ke Gitu ↗ jak nastavit Git na svém lokálním počítači.

Pokud klonujete přes SSH, musíte vygenerujte SSH klíče ↗ na každém počítači, který používáte pro push nebo pull z GitHubu.

Viz dokumentace GitHub ↗ a Dokumentace Git ↗ s dalšími informacemi.

Vytvořte nový repozitář GitHub na repo.new ↗. Po vytvoření nového repozitáře přejděte do adresáře nově vytvořeného projektu a v terminálu spusťte následující příkazy, kterými připravíte a odešlete svou místní aplikaci na GitHub:

git init
git remote add origin https://github.com/<your-gh-username>/<repository-name>
git add .
git commit -m "Initial commit"
git branch -M main
git push -u origin main

Chcete-li nasadit svůj web do Pages:

Chcete-li nasadit svůj web do Pages:

1. V dashboardu Cloudflare přejděte na Workers & Pages stránce.

   Přejděte na Workers & Pages ↗

2. Vyberte Vytvoření aplikace.

3. Vyberte Pages kartě.

4. Vyberte Importujte existující repozitář Git.

5. Vyberte nově vytvořený repozitář GitHub a poté vyberte Zahájit nastavení.

6. V Nastavení sestavení sekci vyberte Gridsome jako Přednastavení frameworku. Váš výběr poskytne následující informace:

Po nakonfigurování webu můžete spustit první nasazení. Měli byste vidět, jak Cloudflare Pages instaluje vuepress, závislosti projektu a sestavuje web, než ho nasadí.

Po nasazení webu získáte pro svůj projekt jedinečnou subdoménu na *.pages.dev. Pokaždé, když do svého projektu Gridsome committnete nový kód, Cloudflare Pages automaticky znovu sestaví váš projekt a nasadí ho. Získáte také přístup k náhledová nasazení u nových pull requestů, takže si můžete prohlédnout, jak změny na vašem webu vypadají, než je nasadíte do produkce.

Dokončením tohoto návodu jste úspěšně nasadili svůj web Gridsome na Cloudflare Pages. Chcete-li začít s dalšími frameworky, podívejte se na seznam návodů pro frameworky.