Giter VIP home page Giter VIP logo

astro.build's Introduction

The source code for astro.build, built with Astro.

Updating Themes

The themes catalog is now powered by the Astro Developer Portal, where you can log in, submit and update your own themes. The themes catalog automatically updates every day with the latest data from the portal.

Updating the Showcase

The showcase doesn't depend on any data from GitHub or NPM. All showcase data is pulled from the content collection. Similar to themes, optimized images should be saved to the collection's _images directory, ideally as format with a {image}.webp file at 800px wide and {image}@2x.webp at 1600px wide.

A weekly GitHub workflow pulls URLs posted in a dedicated GitHub discussion and opens a PR to add data and screenshots for these sites to the repo. You can also run this script locally and commit the results manually:

pnpm update:showcase

TODO: A future PR will migrate to astro:assets for image optimization and get away from the manual image optimization shenanigans.

Updating Integrations

The integrations catalog also used a content collection to track known Astro integrations.

Integration data is updated weekly by a GitHub Action. This action searches NPM and updates existing integrations, adds newly published integrations, and removes deprecated packages. A JSON config file is used to allow for manual overrides of data published in NPM, most often this is used for adding icons and tweaking description text.

Blog Posts

The blog collection is setup to support MDX blog posts with all images being pulled from the collection's _images directory. Images should be a webp format of a reasonable width, something in the 800-1600px range is ideal.

Blog post cover and social images are set as frontmatter properties and should point reference the _images directory, ex: coverImage: "/src/content/blog/_images/post-1/cover.webp".

Web Vitals monitoring

Site performance is tracked using @astrojs/web-vitals and Astro Studio.

There are two separate projects in Astro Studio to separate production and development/preview data:

  • Production: astrobuild
  • Development: astrobuild-preview-deploys

These are both part of the Astro team in Studio.

If table schema changes need to be pushed, remember to push them to each of these Studio projects.

astro.build's People

Contributors

astrobot-houston avatar bholmesdev avatar clearlythuydoan avatar delucis avatar doodlemarks avatar eliancodes avatar ematipico avatar endigma avatar evadecker avatar flexdinesh avatar florian-lefebvre avatar fredkschott avatar iann-mathaiya avatar itsmapleleaf avatar jasikpark avatar kevinzunigacuellar avatar ladvace avatar lorenzolewis avatar matthewp avatar michael-andreuzza avatar natemoo-re avatar nikolarhristov avatar princesseuh avatar sarah11918 avatar sasoria avatar theotterlord avatar tony-sull avatar torn4dom4n avatar yanthomasdev avatar zadeviggers avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

astro.build's Issues

Site is unusably slow on macOS Safari

I don't know exactly what's going on but the astro.build site is unusable on macOS Safari:

Astro.build.mov

The screen recording doesn't fully capture how bad it is but the site is slow to load, very laggy, and clicks take literal seconds to register.


  • MacBook Pro (16-inch, 2019), 8-core Intel i9 with 32GB of memory
  • macOS Monterey 12.3.1
  • Safari 15.4

SHOWCASE: T-RED

Website title

T-RED

Short description and preview image

Upcoming female rap artist from Cologne (Germany) shows off a glimpse of her potential since she started just a year ago durign the pandemic. Built with Astro
Screenshot 2022-06-15 at 09-38-40 T-RED

Public website URL

https://t-red.love

SHOWCASE: gotomi.info

Website title

Tomasz Gospodarczyk - personal page

Short description and preview image

Personal website of Tomasz Gospodarczyk, a front-end engineer from Poland.
gotomi-info

Public website URL

https://gotomi.info

SHOWCASE: pukima.site

Website title

Pukima's Personal Website

Short description and preview image

This is my personal website where you can find out everything about me. I also have a blog on there with more and more blog posts to come!

Preview of pukima.site

Public website URL

https://pukima.site

Blog RSS feed unstable

Hi,

My feed reader is each time displaying every article of the blog, whereas it should be displaying only the new ones.
Before suspecting my feed reader, I'd like to know: the blog RSS feed (astro.build/rss.xml) seems to be regenerating from scratch at each website update (maybe a problem with articles dates?). Can you confirm? A fix would be appreciated 😄

INTEGRATION: astroid

NPM package name

astroid

Short description (if different than package.json) and icon

astroid

A router for inspired by nextjs that includes a link component, prefetching, query params and a router function.

Homepage URL (if different than package.json)

https://github.com/xisli/astroid

SHOWCASE: Shroud.email

Website title

Shroud.email

Short description and preview image

The landing page, documentation, and blog for Shroud.email (a privacy email service). Built with Astro & Vue.

Screenshot 2022-05-31 at 20-45-50 Shroud email

Public website URL

https://shroud.email/

SHOWCASE: Component Party

Website title

Component Party

Short description and preview image

Web component JS frameworks overview by their syntax and features featuring Svelte, React, Vue 3, Angular, SolidJS, Lit, Ember, Alpine, Qwik and more to come.

Component Party

Public website URL

https://component-party.dev/

Easter egg fails to load due to adblocking plugins

Problem

A very commonly used filter list used by adblocking plugins and browsers with integrated adblocking block files named analytics.js by default, no matter their content. The problem this causes is that the easter egg on the website does not work on many configurations, again due to the naming of the file. The filter is really common and enabled by default for most plugins so I suspect this affect a bunch of users

Potential solutions

While the easter egg working isn't the biggest priority (or is it?), it'd be great if we could change the name of the file to something else in order to avoid it being blocked by accident for users using adblock.

Now, since the funny name is part of the joke, we should replace this with another funny name. Perhaps something like hugeamountof.js or something similar in order to stay in theme with Astro?

downsize supporters' avatars to reasonable size

atm some pfps are unfiltered unprocessed uploads, with sizes reaching 2500px² at 2.3 MB — all just to display as a 50px² thumbnail

e.g. https://opencollective-production.s3.us-west-1.amazonaws.com/85bf0a60-0e13-11ec-9e4c-61b71d0aff58.jpeg

fullsize-avatars

Website scrolling is slow and laggy on iPad with iOS 15.3.1

Hello!

Website works fine on desktop, but is slow and laggy on iPad iOS 15.3.1. Safari becomes unresponsive, even search.
Additionally, content on pages disappears when scrolling: looks like it’s being rendered, which is strange.
On iPhone with iOS 14.8.1 it works ok (no lags, no freezes), except content not being visible on fast scrolling: I scroll down/up fast and the page is empty: it takes some time for a content to appear — maybe it’s somehow related to hydration.

THEME: Daisy Blog

Theme title

Daisy Blog

Short description and preview image

Simple blog template with Astro, Tailwind CSS, daisyUI

Features

  • Dark mode and light mode
  • Markdown content
  • Tailwind CSS and daisyUI included
  • Tailwind CSS Typography plugin included
  • Posts have date, author name, description and image
  • SEO tags, meta tags, and social tags included
  • Posts can be draft (only visible on development environment)

Screenshots

Screen Shot 2022-04-09 at 12 23 05 AM

Screen Shot 2022-04-09 at 12 22 55 AM

Screen Shot 2022-04-09 at 12 25 04 AM

Public repository URL

https://github.com/saadeghi/daisy-blog

Live demo URL

https://daisy-blog.netlify.app/

SHOWCASE: Articoli e Social

Website title

Articoli e Social

Short description and preview image

Articoli e Social è un servizio in abbonamento per la creazione di articoli per blog, post e grafiche per i social.

Immagina di avere la gestione dei social media e del blog aziendale a portata di mano con contenuti completi e pensati appositamente per te. Non dovrai più perdere tempo per crearli!

Ecco la soluzione: grazie ad Articoli e Social puoi affidare la creazione dei contenuti a dei professionisti del settore ad un costo contenuto!
articoliesocial-preview-image

Public website URL

https://www.articoliesocial.it/

SHOWCASE: baldbeardedbuilder.com

Website title

Bald. Bearded. Builder.

Short description and preview image

Home of Michael Jolley, the bald bearded builder, this site contains a collection of all blog posts, YouTube videos, Twitch streams, conference talks and more that Michael has created.

Michael's website

Public website URL

https://baldbeardedbuilder.com/

THEME: Astro Simple blog theme

Theme title

Astro Simple blog theme

Short description and preview image

Astro Simple blog theme

simple blog is a simple blog theme for Astro.

screenshot

Credits

This theme is built upon a theme called simple-blog for hugo. Full design credit goes to 10mohi6.

Features

  • based on bootstrap
  • pagination
  • tags
  • categories

Site Configuration

  // src/config.cjs
  // Web site base url
  siteBaseUrl: '/',
  // Web site language
  siteLanguage: "en",
  //Web site title. It is visible in sidebar and browser
  siteTitle: "Astro Themes",
  //Web site desciption. It is visible in sidebar. Also added head meta data.
  siteDescription: "<your site description>",
  //Override footer text.
  siteCopyright: "© 2020 copyright text.",
  //Site global date format. [dayjs](https://day.js.org/docs/en/display/format)
  dateFormat: "MMMM D, YYYY",
  // Pagination number of posts per page
  paginate: 6,
  //Customize the menu
  memus:[
    {
      identifier: "about",
      name: "About",
      url: "/about/",
    }
  ],

This template is MIT licensed.

Public repository URL

https://github.com/dofbi/astro-simple-blog-theme

Live demo URL

https://astro-simple-blog.netlify.app/

SHOWCASE: Gimbla

Website title

Gimbla

Short description and preview image

Hero Page and User Guide for an online accounting software.

alt text

alt text

Public website URL

https://gimbla.com

THEME: Astro Minimal Starter

Theme title

Astro Minimimal Starter

Short description:

This starter repo gives you a blog website with posts written in Markdown, all powered by Astro.

Don't be fooled by the simplicity of this starter either. With excellent SEO built in, Astro's excellent developer environment, and performance best practices you're getting one of the best foundations for a personal blog with posts written in markdown. The reason for making such a bare bones starter in terms of styles is that it has what you need out of the box for SEO and site structure but it makes no assumptions about how you want it look and behave.

Sometimes starters can feel like they are giving us way too much and you'll spend a day picking apart half of the code to get to the setup you actually wanted. Want to use vanilla CSS instead of Tailwind or Scss? No problem!

Preview Image:

astro-minimal-starter netlify app_ (1)

Public repository URL

https://github.com/jaydanurwin/astro-minimal-starter

Live demo URL

https://astro-minimal-starter.netlify.app/

SHOWCASE: pandasuite.com

Website title

The Most Flexible No Code Platform 🐼💪 - PandaSuite

Short description and preview image

Turn your ideas into awesome apps, digital publications and interactive presentations without writing a single line of code.

CleanShot 2022-04-26 at 10 57 32@2x

Public website URL

https://pandasuite.com

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.