mirror of
https://github.com/cheveguerra/bot-whatsapp.git
synced 2026-04-19 12:09:15 +00:00
docs(websitedoc): added new website
This commit is contained in:
15
packages/docs/src/routes/about-us/index.md
Normal file
15
packages/docs/src/routes/about-us/index.md
Normal file
@@ -0,0 +1,15 @@
|
||||
---
|
||||
title: About Qwik
|
||||
---
|
||||
|
||||
# About Qwik
|
||||
|
||||
This page is at the root level, so it only uses the `/src/routes/layout.tsx` layout to wrap the page content.
|
||||
|
||||
## More info:
|
||||
|
||||
- [Layouts](https://qwik.builder.io/qwikcity/layout/overview/)
|
||||
- [Routing](https://qwik.builder.io/qwikcity/routing/overview/)
|
||||
- [Authoring Content](https://qwik.builder.io/qwikcity/content/component/)
|
||||
- [Deployment](https://qwik.builder.io/qwikcity/adaptors/overview/)
|
||||
- [Static Site Generation (SSG)](https://qwik.builder.io/qwikcity/static-site-generation/overview/)
|
||||
11
packages/docs/src/routes/docs/advanced/index.md
Normal file
11
packages/docs/src/routes/docs/advanced/index.md
Normal file
@@ -0,0 +1,11 @@
|
||||
---
|
||||
title: Advanced
|
||||
---
|
||||
|
||||
# Advanced
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
## Ferrari
|
||||
|
||||
[Ferrari](https://en.wikipedia.org/wiki/Ferrari) (/fəˈrɑːri/; Italian: [ferˈraːri]) is an Italian luxury sports car manufacturer based in Maranello, Italy. Founded by Enzo Ferrari (1898–1988) in 1939 from the Alfa Romeo racing division as Auto Avio Costruzioni, the company built its first car in 1940, and produced its first Ferrari-badged car in 1947.
|
||||
22
packages/docs/src/routes/docs/docs.css
Normal file
22
packages/docs/src/routes/docs/docs.css
Normal file
@@ -0,0 +1,22 @@
|
||||
.docs {
|
||||
display: grid;
|
||||
grid-template-columns: 210px auto 190px;
|
||||
grid-template-areas: 'menu article on-this-page';
|
||||
gap: 40px;
|
||||
}
|
||||
|
||||
.docs h1 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.docs .menu {
|
||||
grid-area: menu;
|
||||
}
|
||||
|
||||
.docs article {
|
||||
grid-area: article;
|
||||
}
|
||||
|
||||
.docs .on-this-page {
|
||||
grid-area: on-this-page;
|
||||
}
|
||||
13
packages/docs/src/routes/docs/getting-started/index.md
Normal file
13
packages/docs/src/routes/docs/getting-started/index.md
Normal file
@@ -0,0 +1,13 @@
|
||||
---
|
||||
title: Getting Started
|
||||
---
|
||||
|
||||
# Getting Started
|
||||
|
||||
```
|
||||
npm create qwik@latest
|
||||
```
|
||||
|
||||
## Ford GT40
|
||||
|
||||
The [Ford GT40](https://en.wikipedia.org/wiki/Ford_GT40) is a high-performance endurance racing car commissioned by the Ford Motor Company. It grew out of the "Ford GT" (for Grand Touring) project, an effort to compete in European long-distance sports car races, against Ferrari, which won the prestigious 24 Hours of Le Mans race from 1960 to 1965. Ford succeeded with the GT40, winning the 1966 through 1969 races.
|
||||
22
packages/docs/src/routes/docs/index.md
Normal file
22
packages/docs/src/routes/docs/index.md
Normal file
@@ -0,0 +1,22 @@
|
||||
---
|
||||
title: Overview
|
||||
---
|
||||
|
||||
# Docs Site Overview
|
||||
|
||||
This page is wrapped by two layouts because this source file `src/routes/docs/index.md` is nested. The applied layouts are:
|
||||
|
||||
- `src/routes/docs/layout.tsx`
|
||||
- `src/routes/layout.tsx`
|
||||
|
||||
## Left Menu
|
||||
|
||||
The left menu ordering is created with the `src/routes/docs/menu.md` markdown file.
|
||||
|
||||
## More info:
|
||||
|
||||
- [Layouts](https://qwik.builder.io/qwikcity/layout/overview/)
|
||||
- [Routing](https://qwik.builder.io/qwikcity/routing/overview/)
|
||||
- [Authoring Content](https://qwik.builder.io/qwikcity/content/component/)
|
||||
- [Deployment](https://qwik.builder.io/qwikcity/adaptors/overview/)
|
||||
- [Static Site Generation (SSG)](https://qwik.builder.io/qwikcity/static-site-generation/overview/)
|
||||
25
packages/docs/src/routes/docs/layout.tsx
Normal file
25
packages/docs/src/routes/docs/layout.tsx
Normal file
@@ -0,0 +1,25 @@
|
||||
import { component$, Slot, useStyles$ } from '@builder.io/qwik';
|
||||
import type { DocumentHead } from '@builder.io/qwik-city';
|
||||
import Menu from '~/components/menu/menu';
|
||||
import OnThisPage from '~/components/on-this-page/on-this-page';
|
||||
import styles from './docs.css?inline';
|
||||
|
||||
export default component$(() => {
|
||||
useStyles$(styles);
|
||||
|
||||
return (
|
||||
<div class="docs">
|
||||
<Menu />
|
||||
<article>
|
||||
<Slot />
|
||||
</article>
|
||||
<OnThisPage />
|
||||
</div>
|
||||
);
|
||||
});
|
||||
|
||||
export const head: DocumentHead = ({ head }) => {
|
||||
return {
|
||||
title: `${head.title} - Documentation`,
|
||||
};
|
||||
};
|
||||
21
packages/docs/src/routes/docs/menu.md
Normal file
21
packages/docs/src/routes/docs/menu.md
Normal file
@@ -0,0 +1,21 @@
|
||||
# Guide
|
||||
|
||||
## Guides
|
||||
|
||||
- [Getting Started](getting-started/index.md)
|
||||
|
||||
## Advanced
|
||||
|
||||
- [Overview](advanced/index.md)
|
||||
|
||||
## Examples
|
||||
|
||||
- [Hello World](https://qwik.builder.io/examples/introduction/hello-world/)
|
||||
- [Tutorials](https://qwik.builder.io/tutorial/welcome/overview/)
|
||||
- [Playground](https://qwik.builder.io/playground/)
|
||||
|
||||
## Community
|
||||
|
||||
- [@QwikDev](https://twitter.com/QwikDev)
|
||||
- [Discord](https://qwik.builder.io/chat)
|
||||
- [GitHub](https://github.com/BuilderIO/qwik)
|
||||
151
packages/docs/src/routes/index.tsx
Normal file
151
packages/docs/src/routes/index.tsx
Normal file
@@ -0,0 +1,151 @@
|
||||
import { component$ } from '@builder.io/qwik'
|
||||
import type { DocumentHead } from '@builder.io/qwik-city'
|
||||
|
||||
export default component$(() => {
|
||||
return (
|
||||
<>
|
||||
<h1>Welcome to BotWhatsapp Docs Starter</h1>
|
||||
|
||||
<ul>
|
||||
<li>This homepage uses a layout without a menu.</li>
|
||||
<li>
|
||||
<span>The </span>
|
||||
<a href="/docs">Documentation</a>
|
||||
<span>
|
||||
{' '}
|
||||
pages use multiple nested layouts, one of them providing
|
||||
a left menu.
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
Check out the <code>src/routes</code> directory to get
|
||||
started.
|
||||
</li>
|
||||
<li>
|
||||
Add integrations with <code>npm run qwik add</code>.
|
||||
</li>
|
||||
<li>
|
||||
More info about development in <code>README.md</code>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/docs">Qwik City</a>
|
||||
<span> is the meta-framework for Qwik</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h2>Commands</h2>
|
||||
|
||||
<table class="commands">
|
||||
<tr>
|
||||
<td>
|
||||
<code>npm run dev</code>
|
||||
</td>
|
||||
<td>Start the dev server and watch for changes.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<code>npm run preview</code>
|
||||
</td>
|
||||
<td>Production build and start preview server.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<code>npm run build</code>
|
||||
</td>
|
||||
<td>Production build.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<code>npm run qwik add</code>
|
||||
</td>
|
||||
<td>Select an integration to add.</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<h2>Add Integrations</h2>
|
||||
|
||||
<table class="commands">
|
||||
<tr>
|
||||
<td>
|
||||
<code>npm run qwik add cloudflare-pages</code>
|
||||
</td>
|
||||
<td>
|
||||
<a
|
||||
href="https://developers.cloudflare.com/pages"
|
||||
target="_blank"
|
||||
>
|
||||
Cloudflare Pages Server
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<code>npm run qwik add express</code>
|
||||
</td>
|
||||
<td>
|
||||
<a href="https://expressjs.com/" target="_blank">
|
||||
Nodejs Express Server
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<code>npm run qwik add netlify-edge</code>
|
||||
</td>
|
||||
<td>
|
||||
<a href="https://docs.netlify.com/" target="_blank">
|
||||
Netlify Edge Functions
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<code>npm run qwik add static</code>
|
||||
</td>
|
||||
<td>
|
||||
<a
|
||||
href="https://qwik.builder.io/qwikcity/static-site-generation/overview/"
|
||||
target="_blank"
|
||||
>
|
||||
Static Site Generation (SSG)
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<h2>Community</h2>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<span>Questions or just want to say hi? </span>
|
||||
<a href="https://qwik.builder.io/chat" target="_blank">
|
||||
Chat on discord!
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>Follow </span>
|
||||
<a href="https://twitter.com/QwikDev" target="_blank">
|
||||
@QwikDev
|
||||
</a>
|
||||
<span> on Twitter</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Open issues and contribute on </span>
|
||||
<a href="https://github.com/BuilderIO/qwik" target="_blank">
|
||||
GitHub
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>Watch </span>
|
||||
<a href="https://qwik.builder.io/media/" target="_blank">
|
||||
Presentations, Podcasts, Videos, etc.
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</>
|
||||
)
|
||||
})
|
||||
|
||||
export const head: DocumentHead = {
|
||||
title: 'Welcome to Qwik Docs Starter',
|
||||
}
|
||||
15
packages/docs/src/routes/layout.tsx
Normal file
15
packages/docs/src/routes/layout.tsx
Normal file
@@ -0,0 +1,15 @@
|
||||
import { component$, Slot } from '@builder.io/qwik';
|
||||
import Footer from '~/components/footer/footer';
|
||||
import Header from '~/components/header/header';
|
||||
|
||||
export default component$(() => {
|
||||
return (
|
||||
<>
|
||||
<Header />
|
||||
<main>
|
||||
<Slot />
|
||||
</main>
|
||||
<Footer />
|
||||
</>
|
||||
);
|
||||
});
|
||||
18
packages/docs/src/routes/service-worker.ts
Normal file
18
packages/docs/src/routes/service-worker.ts
Normal file
@@ -0,0 +1,18 @@
|
||||
/*
|
||||
* WHAT IS THIS FILE?
|
||||
*
|
||||
* The service-worker.ts file is used to have state of the art prefetching.
|
||||
* https://qwik.builder.io/qwikcity/prefetching/overview/
|
||||
*
|
||||
* Qwik uses a service worker to speed up your site and reduce latency, ie, not used in the traditional way of offline.
|
||||
* You can also use this file to add more functionality that runs in the service worker.
|
||||
*/
|
||||
import { setupServiceWorker } from '@builder.io/qwik-city/service-worker';
|
||||
|
||||
setupServiceWorker();
|
||||
|
||||
addEventListener('install', () => self.skipWaiting());
|
||||
|
||||
addEventListener('activate', () => self.clients.claim());
|
||||
|
||||
declare const self: ServiceWorkerGlobalScope;
|
||||
Reference in New Issue
Block a user