A simple website to test Aleph & Deno.

Uses Material UI, React, Aleph, Deno.

Pagic SSG Blog

• Install Deno
• Install Aleph deno install --unstable --allow-read --allow-write --allow-net --allow-run --name=pagic https://deno.land/x/pagic/mod.ts
• Install Velociraptor: deno install -qA -n vr https://deno.land/x/[email protected]/cli.ts
• Start dev server from scripts.yaml: vr start
• Build for production from scripts.yaml: vr build

Aleph SSG Blog

• Install Deno
• Install Aleph: deno install -A -f -n aleph https://deno.land/x/[email protected]/cli.ts
• Run locally: alph dev
• Initialize new project: aleph init codestar-website-aleph
• Format (alternative to prettier): deno fmt components/*.tsx api/*.tsx lib/*.tsx pages/*.tsx
• Lint (alternative to eslint): deno lint components/* --unstable

Todo

• Pagic API call
• Pagic https://deno.land/x/pagic
• dvm deno.land: Deno version manager
• velociraptor deno.land: scripts https://deno.land/x/velociraptor
  • $ deno install -qA -n vr https://deno.land/x/[email protected]/cli.ts
  • scripts.yaml
• autopilot deno.land: desktop automation
• build can't resolve .js etc when deployed because it is not inserting /codestar-website-aleph/ into the path. It can only run from the root path.
• [email protected] builds but gives runtime errors. .7 and .8 do not build.
• Use this feed and render blog https://medium.com/feed/codestar-blog
• SSR/SSG build and release with Github Actions (Deno)
• API call
• Fix about.md

Notes

• aleph dev is very slow on first run, very fast on subsequent run
• it does not seem very stable: it crashes a lot when running aleph dev is hot updating
• how to keep material-ui version imports in sync over files? import_map.json?
• code completion does not work, e.g. proptypes on CardHeader
• build breaks when about.md is in pages dir (to fix), or when Mui Icons font is imported in app.tsx (workaround available)

Result

aleph init codestar-website-aleph
Download https://deno.land/x/[email protected]/cli/init.ts
Check https://deno.land/x/[email protected]/cli/init.ts
Add recommended VS Code workspace settings? [y/n] y
Downloading template...
Saving template...
Done
---
Aleph.js is ready to Go.
$ cd codestar-website-aleph
$ aleph dev     # start the app in `development` mode
$ aleph start   # start the app in `production` mode
$ aleph build   # build the app to a static site (SSG)
---