docs: introduce Nextra framework (#38)

.github/workflows/docs.yml

@@ -0,0 +1,28 @@
+name: Docs Docker Image
+
+on:
+  push:
+    branches:
+      - "main"
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Login to GitHub Container Registry
+        uses: docker/login-action@v3
+        with:
+          registry: ghcr.io
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Build and push
+        uses: docker/build-push-action@v5
+        with:
+          context: ./docs
+          platforms: linux/amd64
+          push: true
+          tags: ghcr.io/txpipe/asteria-docs:${{ github.sha }}

docs/.gitignore

@@ -0,0 +1,2 @@
+node_modules
+.next

docs/Dockerfile

@@ -0,0 +1,7 @@
+FROM node:18-alpine
+WORKDIR /usr/app
+COPY package*.json ./
+RUN npm install
+COPY . ./
+RUN npm run build
+CMD ["npm", "start"]

docs/components/hero.jsx

@@ -0,0 +1,32 @@
+export function Hero() {
+  return (
+    <div className="py-10 md:p-20">
+      <div className="mb-5 text-center">
+        <div className="flex justify-center">
+          <img src="/logo.png" alt="Asteria logo" className="mb-4" />
+        </div>
+        <h1 className="flex flex-col flex-wrap font-bold text-4xl md:text-6xl lg:text-7xl dark:text-gray-200">
+          The power of eUTxO model
+        </h1>
+      </div>
+
+      <div className="mb-8 max-w-3xl text-center mx-auto">
+        <p className="md:text-lg text-gray-600 dark:text-gray-400">
+          Asteria is an open hackathon, a bot challenge that leverages the eUTxO model.
+          Players participate by moving a ship across a 2D grid and gathering resources. ADA rewards are available to players that reach the center of the gird.
+          All interactions from participants happen through on-chain transactions, forcing the developer to learn about the UTxO Model.
+          With ADA reward incentive and a compelling experience, we hope to attract developers from both inside and outside of the Cardano ecosystem
+        </p>
+      </div>
+
+      <div className="flex justify-center">
+        <a
+          className="bg-gradient-to-tl from-emerald-600 to-cyan-600 border border-transparent text-white text-sm rounded-md focus:outline-none focus:ring-2 focus:ring-blue-600 focus:ring-offset-2 focus:ring-offset-white py-3 px-4 dark:focus:ring-offset-gray-800"
+          href="/introduction"
+        >
+          Documentation
+        </a>
+      </div>
+    </div>
+  );
+}

docs/next.config.js

@@ -0,0 +1,7 @@
+const withNextra = require('nextra')({
+  theme: 'nextra-theme-docs',
+  themeConfig: './theme.config.jsx'
+})
+
+module.exports = withNextra()
+