hwclass / buildless-site

A collection of sites, apps built based on & packages, articles and other stuff about ES modules

A collection of sites, apps, packages, articles and other stuff about ES modules.

Please go & check awesome-buildless for the content as an awesome list.

🏠 Homepage

Prerequisites

• You will need Deno installed on your system:

Instal from here

Development

• Create a .env file in the main directory by duplicating from the .env.example:

GLITCH_BOILERPLATE_URL="https://glitch.com/~buildless-boilerplate"
SECTIONS_API_ENDPOINT="api/sections"

Run (with PRODUCTION=false flag):

deno task dev

Run (with production):

deno task start

Application

Once the app and the API begin running, go hit the main page over http://localhost:8000.

Fetch sections

/api/sections [GET] : returns the following payload from awesome-buildless repo:

{
  "sections": [
    {
      "title": "Articles",
      "list": [
        {
          "content": "Going Buildless",
          "href": "https://dev.to/open-wc/on-the-bleeding-edge-3cb8"
        }
      ]
    },
    {
      "title": "Tutorials",
      "list": [
        {
          "content": "Developing without a Build (1)",
          "href": "https://dev.to/open-wc/developing-without-a-build-1-introduction-26ao"
        }
      ]
    },
    {
      "title": "Tools & Platforms",
      "list": [{ "content": "Pika", "href": "pika.dev" }]
    },
    {
      "title": "Packages & Libraries",
      "list": [
        {
          "content": "es-dev-server",
          "href": "https://www.npmjs.com/package/es-dev-server"
        }
      ]
    }
  ]
}

Tech Stack

• deno
• fresh
• preact
• svg backgrounds

Authors

👤 hwclass

• Web
• Twitter
• Github
• LinkedIn

👤 Kjaer

• Web
• Twitter
• Github
• LinkedIn

Licence

ISC

buildless-site's Issues

BS-12: Add Cookie Consent Banner for GDPR

BS-11: As a user, I want to subscribe to the newsletter

Acceptance Criteria:

• Create a project on MailChimp or something automates sending newsletters
• Set the mechanism for saving weekly/bi-weekly newsletters & connect with MainChimp

Tech Tips:

• The choice of tech stack is up to us.

BS-9: As a user, I want to see the the footer containing tool list

Acceptance Criteria:

• Add footer component containing the technologies/tools used for developing buildless.site.
• Add message containing links (made by hwclass & kjaer without using a bundler)

BS-10: As a user, I want to see the manifesto section with Manifesto button

Acceptance Criteria:

• Add Buildless Manifesto section into the page
• Add Manifesto button sending the page scroll to the Buildless Manifesto section

BS-7: As a user, I want to see the menu items associated to the related sections like articles, tutorials, tools and packages.

Acceptance Criteria

• Add Header component
• Create/organize menu items
• Map menu items to the sections
  • Articles
  • Tutorials
  • Tools & Platforms
  • Packages & Libraries
• Organize menu as a responsive <header/> element

Tips:

• Subscribe button is out of scope

BS-8: As a user, I want to see the quotes associated with the source from awesome-buildless/README.md file's Quotes section.

Acceptance Criteria:

• Add Hero section showing the quotes from several articles/tutorials/videos telling about key ideas for buildless mentality.

Tech Tips:

• Transition between quotes can be animated between 10-20 seconds.

Tips:

• Manifesto button is out of scope.