Updated logo

README.md

@@ -1,11 +1,29 @@
+![FWT Logo](public/logo.png)
+
 # Fast WebApp Template
 
 ## How to Use
 
-```
-git clone --depth 1 https://git.patalcala.com.com/patalcala9/fast-webapp-template.git <project-name>
-cd <project-name>
-pnpm install
-pnpm update
+#### Clone the Repo
 
 ```
+git clone --depth 1 https://git.patalcala.com.com/patalcala9/fast-webapp-template.git <project-name>
+```
+
+#### Navigate to the project
+
+```
+cd <project-name>
+```
+
+#### Install Depedencies
+
+```
+pnpm install
+```
+
+#### Make sure to update
+
+```
+pnpm update
+```

package.json

@@ -12,7 +12,7 @@
     "@astrojs/solid-js": "^5.1.0",
     "@fontsource-variable/inter": "^5.2.5",
     "@itsmatteomanf/astro-robots-txt": "^0.2.0",
-    "astro": "^5.8.1",
+    "astro": "^5.8.2",
     "astro-compressor": "^1.0.0",
     "lightningcss": "^1.30.1",
     "solid-js": "^1.9.7"

pnpm-lock.yaml

@@ -16,10 +16,10 @@ importers:
         version: 5.2.5
       '@itsmatteomanf/astro-robots-txt':
         specifier: ^0.2.0
-        version: 0.2.0(astro@5.8.1(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3))
+        version: 0.2.0(astro@5.8.2(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3))
       astro:
-        specifier: ^5.8.1
-        version: 5.8.1(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3)
+        specifier: ^5.8.2
+        version: 5.8.2(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3)
       astro-compressor:
         specifier: ^1.0.0
         version: 1.0.0
@@ -649,8 +649,8 @@ packages:
   astro-compressor@1.0.0:
     resolution: {integrity: sha512-MNGRmjIsb73BIJivbU/HnTbPu5CEFvXp1NCev0bpsuK/cp4cCPX6C1omUPXzw2oQbtKv0phTTTtEk+h20SrF1Q==}
 
-  astro@5.8.1:
-    resolution: {integrity: sha512-lkBg1smMRFW+FQ6i92SgEN53o4+ItRjlRt6Ck+rEjmTcb57Bid7faTNKUQNYuNnxiesTWw3NJDyVPQPbfKDyfw==}
+  astro@5.8.2:
+    resolution: {integrity: sha512-t0TBpBdVluA2QVmbFBwpIqmTvBwNhIz1XTIT1BWPkDkoIgsiEMf6BOZqcoGG7f4GVKkUB9bTgMOhPgU3tbJ6vQ==}
     engines: {node: 18.20.8 || ^20.3.0 || >=22.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0'}
     hasBin: true
 
@@ -2240,9 +2240,9 @@ snapshots:
   '@img/sharp-win32-x64@0.33.5':
     optional: true
 
-  '@itsmatteomanf/astro-robots-txt@0.2.0(astro@5.8.1(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3))':
+  '@itsmatteomanf/astro-robots-txt@0.2.0(astro@5.8.2(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3))':
     dependencies:
-      astro: 5.8.1(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3)
+      astro: 5.8.2(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3)
       zod: 3.25.49
 
   '@jridgewell/gen-mapping@0.3.8':
@@ -2447,7 +2447,7 @@ snapshots:
 
   astro-compressor@1.0.0: {}
 
-  astro@5.8.1(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3):
+  astro@5.8.2(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3):
     dependencies:
       '@astrojs/compiler': 2.12.0
       '@astrojs/internal-helpers': 0.6.1

src/builtin-components/Button/Button.tsx

@@ -1,7 +1,13 @@
 import './Button.sass'
 import { Show } from 'solid-js'
 
-export default (props: { label?: string; to?: string; onClick?: () => void; }) => {
+interface Props {
+  label?: string;
+  to?: string;
+  onClick?: () => void;
+}
+
+export default (props: Props) => {
   return <>
     <Show when={props.to}>
       <a href={props.to} aria-label={props.label}>

src/builtin-components/Link/Link.tsx

@@ -0,0 +1,16 @@
+
+interface Props {
+  to: string
+  children?: any
+}
+
+export default (props: Props) => {
+
+  return (
+    <>
+      <a href={props.to} aria-label={`Go to ${props.to}`}>
+        {props.children}
+      </a>
+    </>
+  )
+}

src/components/solid_components_here.md

@@ -0,0 +1 @@
+Place your SolidJS Components here.

src/pages/index.astro

@@ -1,6 +1,6 @@
 ---
 import Layout from '../layouts/Layout.astro'
-import Button from '../components/ButtonComponent/Button.tsx'
+import Button from '../builtin-components/Button/Button.tsx'
 ---
 
 <Layout title="Home">

src/pages/next.astro

@@ -1,6 +1,6 @@
 ---
 import Layout from '../layouts/Layout.astro'
-import Button from '../components/ButtonComponent/Button.tsx'
+import Button from '../builtin-components/Button/Button.tsx'
 import { Picture } from 'astro:assets'
 import sample from '/src/images/sample.avif'
 ---

src/styles/variables.sass

@@ -1,7 +1,7 @@
 @use 'sass:color'
 
 $background: #0c1b31
-$textColor: color.adjust($background, $lightness: 90%)
+$textColor: #f0f8ff
 
 $fontSize: 1rem