diff --git a/packages/frontend/.gitignore b/packages/frontend/.gitignore new file mode 100644 index 0000000..016b59e --- /dev/null +++ b/packages/frontend/.gitignore @@ -0,0 +1,24 @@ +# build output +dist/ + +# generated types +.astro/ + +# dependencies +node_modules/ + +# logs +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* + +# environment variables +.env +.env.production + +# macOS-specific files +.DS_Store + +# jetbrains setting folder +.idea/ diff --git a/packages/frontend/README.md b/packages/frontend/README.md new file mode 100644 index 0000000..588f744 --- /dev/null +++ b/packages/frontend/README.md @@ -0,0 +1,48 @@ +# Astro Starter Kit: Basics + +```sh +deno create astro@latest -- --template basics +``` + +[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics) +[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/basics) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/basics/devcontainer.json) + +> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun! + +![just-the-basics](https://github.com/withastro/astro/assets/2244813/a0a5533c-a856-4198-8470-2d67b1d7c554) + +## 🚀 Project Structure + +Inside of your Astro project, you'll see the following folders and files: + +```text +/ +├── public/ +│ └── favicon.svg +├── src/ +│ ├── layouts/ +│ │ └── Layout.astro +│ └── pages/ +│ └── index.astro +└── package.json +``` + +To learn more about the folder structure of an Astro project, refer to [our guide on project structure](https://docs.astro.build/en/basics/project-structure/). + +## 🧞 Commands + +All commands are run from the root of the project, from a terminal: + +| Command | Action | +| :------------------------ | :----------------------------------------------- | +| `deno install` | Installs dependencies | +| `deno dev` | Starts local dev server at `localhost:4321` | +| `deno build` | Build your production site to `./dist/` | +| `deno preview` | Preview your build locally, before deploying | +| `deno astro ...` | Run CLI commands like `astro add`, `astro check` | +| `deno astro -- --help` | Get help using the Astro CLI | + +## 👀 Want to learn more? + +Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat). diff --git a/packages/frontend/astro.config.mjs b/packages/frontend/astro.config.mjs new file mode 100644 index 0000000..e762ba5 --- /dev/null +++ b/packages/frontend/astro.config.mjs @@ -0,0 +1,5 @@ +// @ts-check +import { defineConfig } from 'astro/config'; + +// https://astro.build/config +export default defineConfig({}); diff --git a/packages/frontend/deno.json b/packages/frontend/deno.json deleted file mode 100644 index e69de29..0000000 diff --git a/packages/frontend/package.json b/packages/frontend/package.json new file mode 100644 index 0000000..00ecd25 --- /dev/null +++ b/packages/frontend/package.json @@ -0,0 +1,14 @@ +{ + "name": "frontend", + "type": "module", + "version": "0.0.1", + "scripts": { + "dev": "astro dev", + "build": "astro build", + "preview": "astro preview", + "astro": "astro" + }, + "dependencies": { + "astro": "^5.5.5" + } +} \ No newline at end of file diff --git a/packages/frontend/public/favicon.svg b/packages/frontend/public/favicon.svg new file mode 100644 index 0000000..f157bd1 --- /dev/null +++ b/packages/frontend/public/favicon.svg @@ -0,0 +1,9 @@ + + + + diff --git a/packages/frontend/src/assets/astro.svg b/packages/frontend/src/assets/astro.svg new file mode 100644 index 0000000..8cf8fb0 --- /dev/null +++ b/packages/frontend/src/assets/astro.svg @@ -0,0 +1 @@ + diff --git a/packages/frontend/src/assets/background.svg b/packages/frontend/src/assets/background.svg new file mode 100644 index 0000000..4b2be0a --- /dev/null +++ b/packages/frontend/src/assets/background.svg @@ -0,0 +1 @@ + diff --git a/packages/frontend/src/components/Welcome.astro b/packages/frontend/src/components/Welcome.astro new file mode 100644 index 0000000..52e0333 --- /dev/null +++ b/packages/frontend/src/components/Welcome.astro @@ -0,0 +1,210 @@ +--- +import astroLogo from '../assets/astro.svg'; +import background from '../assets/background.svg'; +--- + +
+ +
+
+ Astro Homepage +

+ To get started, open the 
src/pages
 directory in your project. +

+ +
+
+ + + +

What's New in Astro 5.0?

+

+ From content layers to server islands, click to learn more about the new features and + improvements in Astro 5.0 +

+ +
+ + diff --git a/packages/frontend/src/layouts/Layout.astro b/packages/frontend/src/layouts/Layout.astro new file mode 100644 index 0000000..e455c61 --- /dev/null +++ b/packages/frontend/src/layouts/Layout.astro @@ -0,0 +1,22 @@ + + + + + + + + Astro Basics + + + + + + + diff --git a/packages/frontend/src/pages/index.astro b/packages/frontend/src/pages/index.astro new file mode 100644 index 0000000..c04f360 --- /dev/null +++ b/packages/frontend/src/pages/index.astro @@ -0,0 +1,11 @@ +--- +import Welcome from '../components/Welcome.astro'; +import Layout from '../layouts/Layout.astro'; + +// Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build +// Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh. +--- + + + + diff --git a/packages/frontend/tsconfig.json b/packages/frontend/tsconfig.json new file mode 100644 index 0000000..8bf91d3 --- /dev/null +++ b/packages/frontend/tsconfig.json @@ -0,0 +1,5 @@ +{ + "extends": "astro/tsconfigs/strict", + "include": [".astro/types.d.ts", "**/*"], + "exclude": ["dist"] +}