Changed repo to suit Asteri

dev
Klotske 2022-07-14 12:45:42 +00:00
parent 46446a3271
commit f78590d875
4 changed files with 19 additions and 76 deletions

View File

@ -1,23 +1,14 @@
# Progressive Web App Example # Репозиторий команды Asteri
This example uses [`next-pwa`](https://github.com/shadowwalker/next-pwa) to create a progressive web app (PWA) powered by [Workbox](https://developers.google.com/web/tools/workbox/). This app uses [`next-pwa`](https://github.com/shadowwalker/next-pwa) to create a progressive web app (PWA) powered by [Workbox](https://developers.google.com/web/tools/workbox/).
## Deploy your own ## Как использовать
Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example):
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/vercel/next.js/tree/canary/examples/progressive-web-app&project-name=progressive-web-app&repository-name=progressive-web-app)
## How to use
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init), [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/), or [pnpm](https://pnpm.io) to bootstrap the example:
```bash ```bash
npx create-next-app --example progressive-web-app progressive-web-app # Режим разработки
# or npm run dev
yarn create next-app --example progressive-web-app progressive-web-app # Генерация статических файлов
# or npm run build
pnpm create next-app --example progressive-web-app progressive-web-app # Запуск в продакшен
nmp run start
``` ```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View File

@ -1,6 +1,6 @@
import Head from 'next/head' import Head from "next/head";
import '../styles/globals.css' import "../styles/globals.css";
import { AppProps } from 'next/app' import { AppProps } from "next/app";
export default function MyApp({ Component, pageProps }: AppProps) { export default function MyApp({ Component, pageProps }: AppProps) {
return ( return (
@ -14,7 +14,7 @@ export default function MyApp({ Component, pageProps }: AppProps) {
/> />
<meta name="description" content="Description" /> <meta name="description" content="Description" />
<meta name="keywords" content="Keywords" /> <meta name="keywords" content="Keywords" />
<title>Next.js PWA Example</title> <title>Asteri - Vostok</title>
<link rel="manifest" href="/manifest.json" /> <link rel="manifest" href="/manifest.json" />
<link <link
@ -34,5 +34,5 @@ export default function MyApp({ Component, pageProps }: AppProps) {
</Head> </Head>
<Component {...pageProps} /> <Component {...pageProps} />
</> </>
) );
} }

View File

@ -1,59 +1,11 @@
import styles from '../styles/Home.module.css' import styles from "../styles/Home.module.css";
export default function Home() { export default function Home() {
return ( return (
<div className={styles.container}> <div className={styles.container}>
<main className={styles.main}> <main className={styles.main}>
<h1 className={styles.title}> <div className={styles.grid}>Привет мир!</div>
Welcome to <a href="https://nextjs.org">Next.js!</a>
</h1>
<p className={styles.description}>
Get started by editing{' '}
<code className={styles.code}>pages/index.js</code>
</p>
<div className={styles.grid}>
<a href="https://nextjs.org/docs" className={styles.card}>
<h3>Documentation &rarr;</h3>
<p>Find in-depth information about Next.js features and API.</p>
</a>
<a href="https://nextjs.org/learn" className={styles.card}>
<h3>Learn &rarr;</h3>
<p>Learn about Next.js in an interactive course with quizzes!</p>
</a>
<a
href="https://github.com/vercel/next.js/tree/canary/examples"
className={styles.card}
>
<h3>Examples &rarr;</h3>
<p>Discover and deploy boilerplate example Next.js projects.</p>
</a>
<a
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
className={styles.card}
>
<h3>Deploy &rarr;</h3>
<p>
Instantly deploy your Next.js site to a public URL with Vercel.
</p>
</a>
</div>
</main> </main>
<footer className={styles.footer}>
<a
href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
target="_blank"
rel="noopener noreferrer"
>
Powered by{' '}
<img src="/vercel.svg" alt="Vercel Logo" className={styles.logo} />
</a>
</footer>
</div> </div>
) );
} }

View File

@ -1,6 +1,6 @@
{ {
"name": "Next.JS Progressive Web App", "name": "Asteri - Vostok",
"short_name": "Next PWA", "short_name": "Flow",
"theme_color": "#ffffff", "theme_color": "#ffffff",
"background_color": "#004740", "background_color": "#004740",
"display": "fullscreen", "display": "fullscreen",