open-index/open-npm huggingface dataset:
npm package: @misikirayu/nextjs-blog-system
Description: A plug-and-play blog system for Next.js applications with admin panel and Supabase integration
Author: Misikir Ayu
Latest version: 1.0.0

# Next.js Blog System

A plug-and-play blog system for Next.js applications with admin panel and Supabase integration.

## Features

- 🚀 **Plug & Play**: Easy integration into any Next.js application
- 📝 **Admin Panel**: Full-featured admin interface for content management
- 🔐 **Authentication**: Built-in auth system using Supabase Auth
- 💾 **Database**: PostgreSQL integration via Supabase
- 🎨 **Customizable**: Themeable components and styling
- 📱 **Responsive**: Mobile-first design
- 🔍 **SEO Ready**: Built-in SEO optimization
- 🏷️ **Tags & Categories**: Organize your content
- 📊 **Analytics Ready**: Track page views and engagement

## Quick Start

### 1. Installation

```bash
npm install @misikirayu/nextjs-blog-system
```

### 2. Supabase Setup

Create a new Supabase project and run the provided SQL schema:

```sql
-- See database/schema.sql for complete setup
```

### 3. Environment Variables

```env
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
```

### 4. Basic Usage

```tsx
import {
  BlogProvider,
  BlogList,
  BlogPost,
} from "@misikirayu/nextjs-blog-system";

// Wrap your app
export default function App({ Component, pageProps }) {
  return (
    <BlogProvider>
      <Component {...pageProps} />
    </BlogProvider>
  );
}

// Display blog posts
export default function BlogPage() {
  return <BlogList />;
}

// Display single post
export default function PostPage({ slug }) {
  return <BlogPost slug={slug} />;
}
```

### 5. Admin Panel

```tsx
import { AdminPanel } from "@misikirayu/nextjs-blog-system/admin";

export default function AdminPage() {
  return <AdminPanel />;
}
```

## Documentation

- [Getting Started](docs/getting-started.md)
- [Configuration](docs/configuration.md)
- [Customization](docs/customization.md)
- [API Reference](docs/api-reference.md)

## License

MIT
npm package: @misiur/dvlp-three
Description: JavaScript 3D library
Author: mrdoob
Latest version: 0.92.0

three.js
========

[![Latest NPM release][npm-badge]][npm-badge-url]
[![License][license-badge]][license-badge-url]
[![Dependencies][dependencies-badge]][dependencies-badge-url]
[![Dev Dependencies][devDependencies-badge]][devDependencies-badge-url]
[![Build Status](https://travis-ci.org/mrdoob/three.js.svg?branch=dev)](https://travis-ci.org/mrdoob/three.js)

#### JavaScript 3D library ####

The aim of the project is to create an easy to use, lightweight, 3D library. The library provides &lt;canvas&gt;, &lt;svg&gt;, CSS3D and WebGL renderers.

[Examples](http://threejs.org/examples/) &mdash;
[Documentation](http://threejs.org/docs/) &mdash;
[Wiki](https://github.com/mrdoob/three.js/wiki) &mdash;
[Migrating](https://github.com/mrdoob/three.js/wiki/Migration-Guide) &mdash;
[Questions](http://stackoverflow.com/questions/tagged/three.js) &mdash;
[Forum](https://discourse.threejs.org/) &mdash;
[Gitter](https://gitter.im/mrdoob/three.js) &mdash;
[Slack](https://threejs-slack.herokuapp.com/)

### Usage ###

Download the [minified library](http://threejs.org/build/three.min.js) and include it in your HTML, or install and import it as a [module](http://threejs.org/docs/#manual/introduction/Import-via-modules),
Alternatively see [how to build the library yourself](https://github.com/mrdoob/three.js/wiki/Build-instructions).

```html
<script src="js/three.min.js"></script>
```

This code creates a scene, a camera, and a geometric cube, and it adds the cube to the scene. It then creates a `WebGL` renderer for the scene and camera, and it adds that viewport to the document.body element. Finally, it animates the cube within the scene for the camera.

```javascript
var camera, scene, renderer;
var geometry, material, mesh;

init();
animate();

function init() {

	camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 0.01, 10 );
	camera.position.z = 1;

	scene = new THREE.Scene();

	geometry = new THREE.BoxGeometry( 0.2, 0.2, 0.2 );
	material = new THREE.MeshNormalMaterial();

	mesh = new THREE.Mesh( geometry, material );
	scene.add( mesh );

	renderer = new THREE.WebGLRenderer( { antialias: true } );
	renderer.setSize( window.innerWidth, window.innerHeight );
	document.body.appendChild( renderer.domElement );

}

function animate() {

	requestAnimationFrame( animate );

	mesh.rotation.x += 0.01;
	mesh.rotation.y += 0.02;

	renderer.render( scene, camera );

}
```

If everything went well you should see [this](https://jsfiddle.net/f2Lommf5/).

### Change log ###

[releases](https://github.com/mrdoob/three.js/releases)


[npm-badge]: https://img.shields.io/npm/v/three.svg
[npm-badge-url]: https://www.npmjs.com/package/three
[license-badge]: https://img.shields.io/npm/l/three.svg
[license-badge-url]: ./LICENSE
[dependencies-badge]: https://img.shields.io/david/mrdoob/three.js.svg
[dependencies-badge-url]: https://david-dm.org/mrdoob/three.js
[devDependencies-badge]: https://img.shields.io/david/dev/mrdoob/three.js.svg
[devDependencies-badge-url]: https://david-dm.org/mrdoob/three.js#info=devDependencies