AWebFactory.org. The Making of. From Scratch. Step-by-Step

[see below for details of @Atinux/content-wind template, upon which AWebFactory.org was originally based]

Code as single source of truth

(Building and) learning process: Clone the repo and follow the commits step by step. Run in dev mode and compare what you are seeing happen with the code and the changes for each commit. We try to make them as atomic as possible.

git clone https://github.com/awebfactory/awebfactory.org-homepage-nuxt-3.git
cd awebfactory.org-homepage-nuxt-3
npm install
npm run dev

• See this project on AWebFactory dot org (coming soon) to see
  • mvp and log of where we're coming from
  • log of where we are
  • mvp of where we're going.
• See commits to see where we are and where we've come from.
• The Git Book explains how to check out different commits
• See the package.json file for dependencies
• See the Nuxt 3 docs for anything else

---

...originally based on Content Wind template by @Atinux

Content Wind

A lightweight Nuxt template to write a Markdown driven website, based on Nuxt Content, TailwindCSS and Iconify.

• Demo & Docs
• Play online

Features

• Document-Driven Mode
  • Create pages in Markdown in the content/ directory
  • Use Nuxt layouts in your Markdown pages
  • Enjoy meta tag generation from Markdown files
  • Generated navigation based on your pages
• Switch between Light & Dark mode 🌔
• Access 100,000 icons from 100+ icon sets with the <Icon> component
• Highlight code blocks with Shiki
• Create Vue components and use them in your Markdown
• Deploy on any Node or Static hosting: GH Pages, Vercel, Netlify, Heroku, etc.

Usage

Take a look at content-wind.nuxt.dev for the complete documentation.

Setup

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

Development Server

Start the development server on http://localhost:3000

npm run dev

Deployment

Static Hosting

Pre-render the website to be deployed on any static hosting:

npm run generate

The dist/ directory is ready to be deployed (symlink to .output/public), learn more on Nuxt docs.

Node server

Build the application for production:

npm run build

Start the server in production:

node .output/server/index.mjs

Learn more on Nuxt docs for more information.