2.1.49 • Published 4 days ago

cllk v2.1.49

Weekly downloads
-
License
MIT
Repository
-
Last release
4 days ago

Este repo necesita las siguientes configuraciones

Se requiere usar nextjs para esto

En el _document.tsx se agregara lo suguiente

import { Html, Head, Main, NextScript } from "next/document";
import { HEAD } from "cllk";
import { BODY } from "cllk";

export default function Document() {
  return (
    <Html lang="en">
      <Head>
        <HEAD dark="rgb(24,24,17)" light="rgb(244,244,245)" />
      </Head>
      <BODY>
        <Main />
        <NextScript />
      </BODY>
    </Html>
  );
}
  • Para la Head recibe 2 parametros dark y light que son colores para que la pwa funcione, tambien cuenta con los siguientes

En el _app.tsx se agregara los siguiente

import type { AppProps } from "next/app";
import "react-toastify/dist/ReactToastify.css";
import { Provider } from "cllk";
export default function App({ Component, pageProps }: AppProps) {
  return (
    <Provider>
      <Component {...pageProps} />
    </Provider>
  );
}

Provider viene con los siguiente

  • Solved Para evitar errores de hidratacion en el codigo y habilita el botton de InstallApp
  • CacheProvider, para administrar el estado con cache y refrescado en caso de ser necesario
  • LocaleProvider que administra el idoma con localsotrage
  • StyleProvider Administra la funcion de cambiar los temas
  • MessageProvider administra los mensajes de ui para informacion
  • GoogleProvider administra el outh google
  • UserProvider que administra el usuario y sesion activa

Variables de entorno

Para este caso se necesitara las siguientes varibles con el fin del correcto funcionamiento de la pagina web

Las varaibles son las siguientes

//variables nomales
NEXT_PUBLIC_NAME="LLampukaq Tecnology"
NEXT_PUBLIC_ENVIROMENT=DEVELOPMENT
NEXT_PUBLIC_REALM=example
NODE_VERSION=16.16.0
NEXT_PUBLIC_PAYPAL=test
NEXT_PUBLIC_GOOGLE=example
NEXT_PUBLIC_DOMAIN=http://localhost:3000/
NEXT_PUBLIC_IMAGE_OPTIMIZATION=http://localhost:3002
//variables de cloudinary en caso de false, las demas no son necesarias
NEXT_PUBLIC_CLOUDINARY_KEY=""
NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET=""
NEXT_PUBLIC_CLOUD_NAME=""

Pwa Config

Se necesita las carpeta icons con los siguietens iconos

  • logo192.png
  • logo184.png
  • logo512.png

Y una caperta de sreenshot con formato jpg, solamente este formato es valido y la relacion de aspecto acorde a cada dispositivo

  • desktop1.jpg
  • desktop2.jpg
  • desktop3.jpg
  • desktop4.jpg
  • mobile1.jpg
  • mobile2.jpg
  • mobile3.jpg
  • mobile4.jpg

En el componente home index.tsx en la raiz de pages se necesatia agregar el siguiente codigo

import path from "path";
import fs from "fs/promises";
export default function Home() {
  return <h1>Home<>;
}
export async function getStaticProps() {
  await fs.writeFile(
    path.join(__dirname, "../../../public/manifest.json"),
    JSON.stringify(pwa)
  );
  return {
    props: {},
  };
}
  • Nota: el archivo de manifest.json no es necesario que este creado, automaticamente lo creara por ti
<NavbarPrimary.Container
        title={<H1 className="-skew-x-12">{"title"}</H1>}
        button={<Button center>Hola</Button>}
      >
        <NavbarPrimary.MenuItem title="Products">
          <NavbarPrimary.SubItem
            href="/app"
            title="Application"
            subTitle="Know Apps"
          />

          <NavbarPrimary.SubItem
            href="/#prices"
            subTitle="Know our plans"
            title="Suscription"
          />
        </NavbarPrimary.MenuItem>
        <NavbarPrimary.MenuItem title="Development">
          <NavbarPrimary.SubItem
            href="/editor"
            subTitle="Use editor and export html,css"
            title="Editor"
          />

          <NavbarPrimary.SubItem
            href="/development"
            subTitle="Use our Api to connect App"
            title="Api Developement"
          />
        </NavbarPrimary.MenuItem>
        <NavbarPrimary.MenuItem title="About Us">
          <NavbarPrimary.SubItem
            href="/teem"
            subTitle="Get to know us better"
            title="The Team"
          />

          <NavbarPrimary.SubItem
            href="/company"
            subTitle="Since 2021"
            title="The Company"
          />

          <NavbarPrimary.SubItem
            href="/mission"
            subTitle="Improve small businesses"
            title="Out Mission"
          />

          <NavbarPrimary.SubItem
            href="/asked"
            subTitle="See the most frequently asked questions"
            title="Frequently asked questions"
          />
        </NavbarPrimary.MenuItem>
      </NavbarPrimary.Container>
@emeraldpay/hashicon@llampukaq/icons@paypal/react-paypal-js@uidotdev/usehooks@yudiel/react-qr-scannerdayjsdompurifyfirebasehtml5-qrcodehtmrimage-downloadernanoidnextpostcssqr-scannerquaggareactreact-barcode-readerreact-cropperreact-domreact-fast-marqueereact-hook-formreact-languajesreact-leafletreact-qr-codereact-toastifyreact-transition-groupusehooks-ts
react-mongo-realm@everything-registry/sub-chunk-1339@llampukaq/builder@llampukaq/realm-email-provider@llampukaq/realm-google-provider@llampukaq/realm-organizations
2.1.49

4 days ago

2.1.47

6 days ago

2.1.469

8 days ago

2.1.468

9 days ago

2.1.466

24 days ago

2.1.467

23 days ago

2.1.465

24 days ago

2.1.464

25 days ago

2.1.463

25 days ago

2.1.462

1 month ago

2.1.461

1 month ago

2.1.46

1 month ago

2.1.4596

2 months ago

2.1.4593

2 months ago

2.1.4594

2 months ago

2.1.4595

2 months ago

2.1.4592

2 months ago

2.1.4591

2 months ago

2.1.459

2 months ago

2.1.458

3 months ago

2.1.457

3 months ago

2.1.455

3 months ago

2.1.456

3 months ago

2.1.454

3 months ago

2.1.453

3 months ago

2.1.451

3 months ago

2.1.452

3 months ago

2.1.449

3 months ago

2.1.4491

3 months ago

2.1.446

3 months ago

2.1.448

3 months ago

2.1.447

3 months ago

2.1.45

3 months ago

2.1.445

3 months ago

2.1.444

3 months ago

2.1.442

3 months ago

2.1.441

3 months ago

2.1.443

3 months ago

2.1.44

3 months ago

2.1.43

3 months ago

2.1.38

3 months ago

2.1.36

3 months ago

2.1.37

3 months ago

2.1.35

3 months ago

2.1.41

3 months ago

2.1.42

3 months ago

2.1.40

3 months ago

2.1.34

4 months ago

2.1.33

4 months ago

2.1.32

4 months ago

2.1.31

4 months ago

2.1.30

4 months ago

2.1.27

4 months ago

2.1.29

4 months ago

2.1.25

4 months ago

2.1.26

4 months ago

2.1.23

4 months ago

2.1.24

4 months ago

2.1.22

5 months ago

2.1.19

5 months ago

2.1.21

5 months ago

2.1.18

5 months ago

1.6.4

9 months ago

1.6.3

9 months ago

1.6.2

9 months ago

1.6.1

10 months ago

1.6.0

10 months ago

2.0.3

7 months ago

2.0.2

7 months ago

2.0.5

7 months ago

2.0.4

7 months ago

2.0.7

7 months ago

2.0.6

7 months ago

2.0.9

7 months ago

2.0.8

7 months ago

2.0.1

8 months ago

2.0.0

8 months ago

2.1.9

6 months ago

2.1.16

6 months ago

2.1.17

5 months ago

2.1.14

6 months ago

1.7.9

8 months ago

2.1.15

6 months ago

1.7.8

8 months ago

2.1.12

6 months ago

1.7.7

8 months ago

2.1.13

6 months ago

1.7.6

8 months ago

2.1.10

6 months ago

1.7.5

8 months ago

2.1.11

6 months ago

1.7.4

8 months ago

1.9.1

8 months ago

1.5.5

10 months ago

1.9.0

8 months ago

1.5.4

10 months ago

1.5.3

10 months ago

1.5.2

10 months ago

1.5.1

10 months ago

1.5.0

10 months ago

1.6.9

8 months ago

1.6.8

8 months ago

1.6.7

9 months ago

1.6.6

9 months ago

1.6.5

9 months ago

1.8.2

8 months ago

1.8.1

8 months ago

1.8.0

8 months ago

1.9.9

8 months ago

1.9.8

8 months ago

1.9.7

8 months ago

1.9.6

8 months ago

1.9.5

8 months ago

1.5.9

10 months ago

1.9.4

8 months ago

1.5.8

10 months ago

1.9.3

8 months ago

1.5.7

10 months ago

1.9.2

8 months ago

1.5.6

10 months ago

1.7.3

8 months ago

1.7.2

8 months ago

1.7.1

8 months ago

1.7.0

8 months ago

2.1.2

7 months ago

2.1.1

7 months ago

2.1.4

7 months ago

2.1.3

7 months ago

2.1.6

7 months ago

2.1.5

7 months ago

2.1.8

7 months ago

2.1.7

7 months ago

2.1.0

7 months ago

1.8.9

8 months ago

1.8.8

8 months ago

1.8.7

8 months ago

1.8.6

8 months ago

1.8.5

8 months ago

1.8.4

8 months ago

1.8.3

8 months ago

1.4.9

10 months ago

1.4.6

11 months ago

1.4.8

11 months ago

1.4.7

11 months ago

1.4.5

11 months ago

1.4.4

11 months ago

1.4.3

11 months ago

1.4.2

11 months ago

1.4.1

11 months ago

1.4.0

11 months ago

1.3.9

11 months ago

1.3.8

11 months ago

1.3.7

11 months ago

1.3.6

11 months ago

1.3.5

11 months ago

1.3.4

12 months ago

1.3.3

12 months ago

1.3.2

12 months ago

1.3.1

12 months ago

1.3.0

12 months ago

1.2.9

12 months ago

1.2.8

12 months ago

1.2.7

12 months ago

1.2.6

12 months ago

1.2.4

12 months ago

1.2.2

12 months ago

1.2.0

12 months ago

1.1.9

12 months ago

1.1.8

12 months ago

1.1.7

12 months ago

1.1.6

12 months ago

1.1.5

12 months ago

1.1.34

12 months ago

1.1.3

12 months ago

1.1.2

12 months ago

1.1.1

12 months ago

1.1.0

12 months ago

1.0.9

12 months ago

1.0.8

12 months ago

1.0.7

12 months ago

1.0.6

12 months ago

1.0.5

12 months ago

1.0.4

12 months ago

1.0.3

12 months ago

1.0.2

12 months ago

1.0.1

12 months ago

1.0.0

12 months ago