Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/louiss0/forastro
The monorepo for all packages created by me for Astro.js
https://github.com/louiss0/forastro
astro component
Last synced: 3 months ago
JSON representation
The monorepo for all packages created by me for Astro.js
- Host: GitHub
- URL: https://github.com/louiss0/forastro
- Owner: louiss0
- Created: 2023-03-04T00:25:45.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-13T01:09:44.000Z (about 1 year ago)
- Last Synced: 2024-10-27T18:26:08.713Z (3 months ago)
- Topics: astro, component
- Language: Astro
- Homepage: https://forastro-docs.onrender.com
- Size: 7.21 MB
- Stars: 4
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# @forastro Monorepo
This repo is the repo for all of the packages that I will create for astro.
The name of this monorepo is called `@forastro/monorepo`.
This monorepo uses `nx` as it's monorepo manager.
This kind of monorepo is called a _integrated monorepo_.
Which means that all of the packages are installed in the root directory.
There are two main folders for this monorepo. `demo` `packages`.
The demo folder is for testing and demonstrating the power of each package.
The packages folder is for all of my packages. It's the one where all of my packages are created.
## Usage
To use this repo you need to know how `nx` works.
The point of this library is to create packages then test them out so what you want to do is start the server.
To do that use `nx run demo:dev`.
### Tooling
| Type | Tool |
| ---------- | ---------- |
| testing | vitest |
| changelogs | changesets |
| styling | uno css |
| linter | eslint |
| formatter | prettier |
## Repositories
This section is about giving you an overview of all of the packages that I have created for this mono-repo.
Each title is the name of a folder that exists in this monorepo.
I don't know how to do **end-to-end testing** and it's not necessary so I will use the pages in demo as a testing ground.
I will do basic testing for individual packages in each folder for the packages
### Demo
The demo is the place where all of the packages are tested and where what they can do is shown.
It uses Taliwind CSS for styling.
### Flow
Flow is a package that is created to emulate control flow inside of components.
the package is called `@forastro/flow`. It has a folder called the components folder and a file called helpers.
Helpers are a set of functions that are designed to help the flow components work.
The components file is where all of the components are. All of them are exported in a index.ts file.
### Utilities
Utilities is a package that is created to emulate control flow inside of components.
the package is called `@forastro/utilities`. It has a folder called the components folder and a file called helpers.
Helpers are a set of functions that are designed to help the flow components work.
The components file is where all of the components are.
All of them are exported in a index.ts file.
## Templates
The templates that exist in this Mono repo are.
- [Astro Minimal](/docs/templates/astro-minimal.md)
- [Astro Vue](/docs/templates/astro-vue.md)
- [Astro Preact](/docs/templates/astro-preact.md)
- [Astro Mdx](/docs/templates/astro-mdx.md)
- [Astro Markdoc](/docs/templates/astro-markdoc.md)