open-index/open-npm huggingface dataset:
npm package: @mierune/sveltekit-firebase-auth-ssr
Description: ![NPM Version](https://img.shields.io/npm/v/%40mierune%2Fsveltekit-firebase-auth-ssr)
Latest version: 0.0.26

# @mierune/sveltekit-firebase-auth-ssr

![NPM Version](https://img.shields.io/npm/v/%40mierune%2Fsveltekit-firebase-auth-ssr)

[WIP]

A package for integrating Firebase Authentication into SvelteKit, designed specifically for Server-Side Rendering (SSR).

It works not only in Node.js but also on Cloudflare Workers/Pages ([MIERUNE/firebase-auth-cloudflare-workers-x509](https://github.com/MIERUNE/firebase-auth-cloudflare-workers-x509)).

Demo: https://sveltekit-firebaseauth-ssr-stripe-demo.pages.dev/

## Installation

```bash
npm install -D @mierune/sveltekit-firebase-auth-ssr
```

## Usage

1. **Prerequisites**:
   - Project ID of the Firebase project
   - API Key of the Firebase project
   - Firebase Service Account Key (from Google Cloud)
2. **Add the necessary code to the following files**:
   - `src/hooks.client.ts` (Example: TODO)
   - `src/hooks.server.ts` (Example: TODO)
   - `src/app.d.ts` (Example: TODO)
   - `src/routes/+layout.server.ts` (Example: TODO)
3. **Implement sign-in and sign-out functionality** in your application. (Example: TODO)
4. Use the user information and implement database integration if needed.
5. Ensure that the required environment variables are set in the execution environment.


## Development

```bash
direnv allow
pnpm dev-in-emulator
```
npm package: @mies-co/next-ant
Description: Use antd with nextjs having a theme written in scss.
Author: Sébastien d'Olbecke
Latest version: 0.0.12

# Next-Ant

[![Package Quality](https://npm.packagequality.com/shield/@mies-co%2Fnext-ant.svg)](https://packagequality.com/#?package=@mies-co/next-ant)

Easily use [ant-design](https://ant.design/components/overview) with [nextjs](https://nextjs.org).

Next-Ant will override ant styles thanks to your theme.scss file.

[List of the default ant theme variables](https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less).

## Example

[See an example app here](https://github.com/mies-co/next-extensions/tree/master/examples/next-ant-example)

## Installation

```env
# regular NPM package install 
npm install --save @mies-co/next-ant
 
# install directly from GitHub 
npm install --save github:@mies-co/next-ant
 
# install NPM package via Yarn 
yarn add @mies-co/next-ant
```

**OR USING THE GITHUB REGISTRY**

You may also create a .npmrc file at the root of your Next.js app, with the following content:

```sh
# Specifies the registraty for @mies-co packages
@mies-co:registry=https://npm.pkg.github.com/
```

Then add this in package.json:

```json
{
    "dependencies": {
        "@mies-co/next-ant": "latest"
    }
}
```

## Usage in your Next.js app

### withAnt

Enables to provide the ant webpack config to your nextjs config.

In **next.config.js**:

```js
const { withAnt } = require("@mies-co/next-ant");

module.exports = withAnt({
  ant: {
    theme: "./public/static/styles/theme.scss",
  },
  // Your nextjs config as per their documentation
  // https://nextjs.org/docs/api-reference/next.config.js/introduction
});
```

#### API

##### ant

- theme: The path to your scss antd variables
npm package: @mies-co/next-secrets
Description: Manager your secrets in Next.js
Author: Sébastien d'Olbecke
Latest version: 0.0.16

# Next-Secrets

[![Package Quality](https://npm.packagequality.com/shield/@mies-co%2Fnext-secrets.svg)](https://packagequality.com/#?package=@mies-co/next-secrets)

Keep your secrets secret in Next.js.

## Example

[See an example app here](https://github.com/mies-co/next-extensions/tree/master/examples/next-secrets-example)

## Installation

```env
# regular NPM package install 
npm install --save @mies-co/next-secrets
 
# install directly from GitHub 
npm install --save github:@mies-co/next-secrets
 
# install NPM package via Yarn 
yarn add @mies-co/next-secrets
```

**OR USING THE GITHUB REGISTRY**

You may also create a .npmrc file at the root of your Next.js app, with the following content:

```sh
# Specifies the registraty for @mies-co packages
@mies-co:registry=https://npm.pkg.github.com/
```

Then add this in package.json:

```json
{
    "dependencies": {
        "@mies-co/next-secrets": "latest"
    }
}
```
npm package: @mies-co/next-styled-components
Description: Use styled-components with nextjs.
Author: Sébastien d'Olbecke
Latest version: 0.0.11

# Next-Styled-Components

[![Package Quality](https://npm.packagequality.com/shield/@mies-co%2Fnext-styled-components.svg)](https://packagequality.com/#?package=@mies-co/next-styled-components)

Easily use [styled-components](https://styled-components.com) with [nextjs](https://nextjs.org).

## Example

[See an example app here](https://github.com/mies-co/next-extensions/tree/master/examples/next-styled-components-example)

## Installation

```env
# regular NPM package install 
npm install --save @mies-co/next-styled-components
 
# install directly from GitHub 
npm install --save github:@mies-co/next-styled-components
 
# install NPM package via Yarn 
yarn add @mies-co/next-styled-components
```

**OR USING THE GITHUB REGISTRY**

You may also create a .npmrc file at the root of your Next.js app, with the following content:

```sh
# Specifies the registraty for @mies-co packages
@mies-co:registry=https://npm.pkg.github.com/
```

Then add this in package.json:

```json
{
    "dependencies": {
        "@mies-co/next-styled-components": "latest"
    }
}
```

## Usage in your Next.js app

### StyledDocument

Enables the default **next-styled-components** Document.

In **pages/_document.js**:

```js
// Export StyledDocument directly, or uncomment what's below
export { StyledDocument as default } from "@mies-co/next-styled-components";
```

### withStyledDocument

Enables to customize the **next-styled-components** Document.

```js
import Document, { Html, Head, Main, NextScript } from "next/document";
import { withStyledDocument } from "@mies-co/next-styled-components";

class MyDocument extends Document {
// Uncomment if you need to merge your own getInitialProps with the one from next-styled-components
//
//  static async getInitialProps(ctx) {
//      const initialProps = await Document.getInitialProps(ctx);
//      return { ...initialProps };
//  }

  render() {
    return (
      <Html>
        <Head />
        <body>
          <Main />
          <NextScript />
        </body>
      </Html>
    );
  }
}

export default withStyledDocument(MyDocument);
```
npm package: @mies-co/next-utils
Description: Utils for an easier usage of Next.js
Author: Sébastien d'Olbecke
Latest version: 0.0.9

# Next-Utils

[![Package Quality](https://npm.packagequality.com/shield/@mies-co%2Fnext-utils.svg)](https://packagequality.com/#?package=@mies-co/next-utils)

Utils for an easier usage of Next.js

## Example

[See an example app here](https://github.com/mies-co/next-extensions/tree/master/examples/next-utils)

## Installation

```env
# regular NPM package install 
npm install --save @mies-co/next-utils
 
# install directly from GitHub 
npm install --save github:@mies-co/next-utils
 
# install NPM package via Yarn 
yarn add @mies-co/next-utils
```

**OR USING THE GITHUB REGISTRY**

You may also create a .npmrc file at the root of your Next.js app, with the following content:

```sh
# Specifies the registraty for @mies-co packages
@mies-co:registry=https://npm.pkg.github.com/
```

Then add this in package.json:

```json
{
    "dependencies": {
        "@mies-co/next-utils": "latest"
    }
}
```