What I've learnt about Websites
You can create cool static websites with these frameworks, and also with Remix
Important Files for all Webs 📌
Look always for the <head>
- It will guide you to a Base.astro
, BaseLayout.astro
, head.html
…
In there you can do interesting things, like adding web analytics.
About favicons 📌
How to get OGImage right 📌
As seen in Web3Templates - Stablo Theme
What Ive Learnt about Astro
RaspAP with Mullvad 📌
checking dependencies
npm list @astrojs/starlight
npm install @astrojs/starlight
npm install @astrojs/starlight --legacy-peer-deps #if you have some dep issues
Better SEO for Astro 📌
import { AstroSeo } from '@astrolib/seo';
WebSearch in Astro 📌
as in the withastro/starlight Theme
one of the most complete Astro themes ive seen - also supporting several languages
Optimized images in Astro 📌
You will need astrojs/mdx installed first and use it within .mdx files:
import { Image } from 'astro:assets'
import photopost1b from '../../assets/image.jpg';
<figure>
<Image src={photopost1b} width={500} height={200} alt="Exploring Astro Images" />
<figcaption class="caption">Say hi to Astro</figcaption>
</figure>
Tweaking HUGO Themes
If you are using HUGO, embedd your images with this shortcode
How to Include Search 📌
Description | Link |
---|---|
PageFind with Astro | VisVRS/AstroVerse Example |
FuseJS with Astro | AstroEngineeringBlog Example |
FuseJS with HUGO | AstroEngineeringBlog Example |
Ghost | Compose Overview |
Themes I love for Galleries 📌
Description | Link |
---|---|
PHP | NovaGallery |
Ghost | Compose Overview |
Ghost Themes: Handlebars, HTML, CSS, JavaScript, JSON. WordPress Themes: PHP, HTML, CSS, JavaScript, WordPress-specific template tags, and hooks.
FAQ
You need markdown for these SSGs - https://github.com/Cveinnt/LetsMarkdown.com
docker run --rm -dp 3030:3030 cveinnt/LetsMarkdown.com
Free SSG Deployment 📌
- With Firebase
firebase init #configure files for firebase hosting / public directory is normall public for HUGO and dist for Astro/nodes
firebase deploy #you will get something like -> https://jalcocertech.web.app/
Is my website performing well?
You will need proper favicons
CDN and Videos for your Website
- https://github.com/orthdron/subatic - Extremely simple video hosting Site that scales with you
Interesting Search Engines
- Ecosia.org / qwant.com / Brave / DuckDuckGo
- Whoogle/SearXNG
- Bing
It’s worth to try few of them - not all the content is indexed in the same way across engines