2.1.76 • Published 6 months ago

cllk v2.1.76

Weekly downloads
-
License
MIT
Repository
-
Last release
6 months 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@uidotdev/usehookscrypto-jsdayjsfirebasehtml2canvashtmrimage-downloaderjspdfnanoidnextpigeon-mapspostcssqr-scannerrc-tooltipreactreact-credit-cards-2react-cropperreact-domreact-fast-marqueereact-hook-formreact-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.76

6 months ago

2.1.74

6 months ago

2.1.75

6 months ago

2.1.72

7 months ago

2.1.73

7 months ago

2.1.69

7 months ago

2.1.70

7 months ago

2.1.71

7 months ago

2.1.68

9 months ago

2.1.67

12 months ago

2.1.65

12 months ago

2.1.66

12 months ago

2.1.63

1 year ago

2.1.64

1 year ago

2.1.62

1 year ago

2.1.58

1 year ago

2.1.59

1 year ago

2.1.61

1 year ago

2.1.60

1 year ago

2.1.57

1 year ago

2.1.56

1 year ago

2.1.54

1 year ago

2.1.55

1 year ago

2.1.53

1 year ago

2.1.52

1 year ago

2.1.51

1 year ago

2.1.50

1 year ago

2.1.49

1 year ago

2.1.47

1 year ago

2.1.469

1 year ago

2.1.468

1 year ago

2.1.466

1 year ago

2.1.467

1 year ago

2.1.465

1 year ago

2.1.464

1 year ago

2.1.463

1 year ago

2.1.462

1 year ago

2.1.461

1 year ago

2.1.46

1 year ago

2.1.4596

1 year ago

2.1.4593

1 year ago

2.1.4594

1 year ago

2.1.4595

1 year ago

2.1.4592

1 year ago

2.1.4591

1 year ago

2.1.459

1 year ago

2.1.458

1 year ago

2.1.457

1 year ago

2.1.455

1 year ago

2.1.456

1 year ago

2.1.454

1 year ago

2.1.453

2 years ago

2.1.451

2 years ago

2.1.452

2 years ago

2.1.449

2 years ago

2.1.4491

2 years ago

2.1.446

2 years ago

2.1.448

2 years ago

2.1.447

2 years ago

2.1.45

2 years ago

2.1.445

2 years ago

2.1.444

2 years ago

2.1.442

2 years ago

2.1.441

2 years ago

2.1.443

2 years ago

2.1.44

2 years ago

2.1.43

2 years ago

2.1.38

2 years ago

2.1.36

2 years ago

2.1.37

2 years ago

2.1.35

2 years ago

2.1.41

2 years ago

2.1.42

2 years ago

2.1.40

2 years ago

2.1.34

2 years ago

2.1.33

2 years ago

2.1.32

2 years ago

2.1.31

2 years ago

2.1.30

2 years ago

2.1.27

2 years ago

2.1.29

2 years ago

2.1.25

2 years ago

2.1.26

2 years ago

2.1.23

2 years ago

2.1.24

2 years ago

2.1.22

2 years ago

2.1.19

2 years ago

2.1.21

2 years ago

2.1.18

2 years ago

1.6.4

2 years ago

1.6.3

2 years ago

1.6.2

2 years ago

1.6.1

2 years ago

1.6.0

2 years ago

2.0.3

2 years ago

2.0.2

2 years ago

2.0.5

2 years ago

2.0.4

2 years ago

2.0.7

2 years ago

2.0.6

2 years ago

2.0.9

2 years ago

2.0.8

2 years ago

2.0.1

2 years ago

2.0.0

2 years ago

2.1.9

2 years ago

2.1.16

2 years ago

2.1.17

2 years ago

2.1.14

2 years ago

1.7.9

2 years ago

2.1.15

2 years ago

1.7.8

2 years ago

2.1.12

2 years ago

1.7.7

2 years ago

2.1.13

2 years ago

1.7.6

2 years ago

2.1.10

2 years ago

1.7.5

2 years ago

2.1.11

2 years ago

1.7.4

2 years ago

1.9.1

2 years ago

1.5.5

2 years ago

1.9.0

2 years ago

1.5.4

2 years ago

1.5.3

2 years ago

1.5.2

2 years ago

1.5.1

2 years ago

1.5.0

2 years ago

1.6.9

2 years ago

1.6.8

2 years ago

1.6.7

2 years ago

1.6.6

2 years ago

1.6.5

2 years ago

1.8.2

2 years ago

1.8.1

2 years ago

1.8.0

2 years ago

1.9.9

2 years ago

1.9.8

2 years ago

1.9.7

2 years ago

1.9.6

2 years ago

1.9.5

2 years ago

1.5.9

2 years ago

1.9.4

2 years ago

1.5.8

2 years ago

1.9.3

2 years ago

1.5.7

2 years ago

1.9.2

2 years ago

1.5.6

2 years ago

1.7.3

2 years ago

1.7.2

2 years ago

1.7.1

2 years ago

1.7.0

2 years ago

2.1.2

2 years ago

2.1.1

2 years ago

2.1.4

2 years ago

2.1.3

2 years ago

2.1.6

2 years ago

2.1.5

2 years ago

2.1.8

2 years ago

2.1.7

2 years ago

2.1.0

2 years ago

1.8.9

2 years ago

1.8.8

2 years ago

1.8.7

2 years ago

1.8.6

2 years ago

1.8.5

2 years ago

1.8.4

2 years ago

1.8.3

2 years ago

1.4.9

2 years ago

1.4.6

2 years ago

1.4.8

2 years ago

1.4.7

2 years ago

1.4.5

2 years ago

1.4.4

2 years ago

1.4.3

2 years ago

1.4.2

2 years ago

1.4.1

2 years ago

1.4.0

2 years ago

1.3.9

2 years ago

1.3.8

2 years ago

1.3.7

2 years ago

1.3.6

2 years ago

1.3.5

2 years ago

1.3.4

2 years ago

1.3.3

2 years ago

1.3.2

2 years ago

1.3.1

2 years ago

1.3.0

2 years ago

1.2.9

2 years ago

1.2.8

2 years ago

1.2.7

2 years ago

1.2.6

2 years ago

1.2.4

2 years ago

1.2.2

2 years ago

1.2.0

2 years ago

1.1.9

2 years ago

1.1.8

2 years ago

1.1.7

2 years ago

1.1.6

2 years ago

1.1.5

2 years ago

1.1.34

2 years ago

1.1.3

2 years ago

1.1.2

2 years ago

1.1.1

2 years ago

1.1.0

2 years ago

1.0.9

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago