My portfolio using Astro and TailwindCSS. No JavaScript in final build.
Note
Based on astro-developer-portfolio.
Check out: manuelarte.github.io.
# 1. Install dependencies
npm install
# 2. Run the development server
npm run dev
# 3. Build for production
npm run build
# Deploy the contents of the `./dist` folder wherever you like.- Modify
astro.config.mjsto update yoursitesettings, including metadata for SEO.
- Adjust the primary theme color in
tailwind.config.js, to fit your branding.
Edit the Frontmatter variables in these files:
src/layouts/Layout.astro– General page info (title, SEO, etc.)src/components/Socials.astro– Update your social media links.src/components/Profile.astro– Personal profile information.src/components/ContentProjects.astro– Projects/portfolio section content.src/components/ContentAbout.astro– About section content.
- Update these files:
/public/img/logo.svg(your logo)/public/img/meta.png(your OpenGraph image)
Need a free OpenGraph image? Check the og-image-generator website.
- Adjust
/public/robots.txtto match your domain.