portfolio-website--astro Tailwind Templates

Portfolio Website Astro

Static blog site built on Astro with React components and Tailwind CSS styling.

Portfolio website

Built on Astro with React components (via Astro integration) and Tailwind CSS styling. Self-hosted fonts via Fontsource, including Material Icons. Accepts unicode glyphs from Material Icons (on Linux, press Ctrl+Shift+U, type the unicode code, then press Enter to register).

How to use

Clone this repository and install dependencies.

pnpm install

Development

Spin up an Astro dev server:

pnpm run dev

Deployment

Build a local export to the dist/ directory

pnpm run build

Deploy to Cloudflare Pages

  • Allow Cloudflare Pages access to Github repositories, including the imported content submodule.
  • Create the Cloudflare application, selecting the repository and setting the production branch to build (see https://docs.astro.build/en/guides/deploy/cloudflare/). Optionally disable preview deployments.
  • Setup custom domains with DNS CNAME records.

Deploy to GitHub Pages using gh-pages

pnpm run build
pnpm gh-pages -d dev --nojekyll

If deploying to a project site, i.e. on a subdirectory, the base setting needs to be set. See https://docs.astro.build/en/guides/deploy/github/.

Top categories

Loading Svelte Themes