Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/thuongtruong1009/teneno

The social network platform where everyone can sharing their feels, thinks or experiences together. The official Teneno application
https://github.com/thuongtruong1009/teneno

api component css eslint husky javascript nuxt nuxt3 nuxtjs pinia server-side-rendering services ssr tailwind typescript vercel vue vuejs vueuse

Last synced: 19 days ago
JSON representation

The social network platform where everyone can sharing their feels, thinks or experiences together. The official Teneno application

Host: GitHub
URL: https://github.com/thuongtruong1009/teneno
Owner: thuongtruong1009
License: mit
Created: 2022-08-26T04:35:51.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2022-09-08T17:27:19.000Z (over 2 years ago)
Last Synced: 2024-11-17T06:44:26.145Z (3 months ago)
Topics: api, component, css, eslint, husky, javascript, nuxt, nuxt3, nuxtjs, pinia, server-side-rendering, services, ssr, tailwind, typescript, vercel, vue, vuejs, vueuse
Language: JavaScript
Homepage: https://teneno.vercel.app
Size: 24.7 MB
Stars: 2
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        [![Dev.to](https://img.shields.io/twitter/url?color=green&label=Dev.to&logo=dev.to&logoColor=yellow&style=for-the-badge&url=https%3A%2F%2Fdev.to%2Fthuongtruong1009)](https://dev.to/thuongtruong1009)

[![Github](https://img.shields.io/twitter/url?color=green&label=Github&logo=github&logoColor=white&style=for-the-badge&url=https%3A%2F%2Fdev.to%2Fthuongtruong1009)](https://github.com/thuongtruong1009)

[![Email](https://img.shields.io/twitter/url?color=green&label=Email&logo=gmail&logoColor=red&style=for-the-badge&url=https%3A%2F%2Fdev.to%2Fthuongtruong1009)](mailto:[email protected])

Teneno











Vitesse for Nuxt 3





🧪 Working in Progress








🖥 Online Preview









## Features

-   [💚 Nuxt 3](https://v3.nuxtjs.org) - SSR, ESR, File-based routing, components auto importing, modules, etc.

-   ⚡️ Vite - Instant HMR

-   🎨 [UnoCSS](https://github.com/antfu/unocss) - The instant on-demand atomic CSS engine.

-   😃 Use icons from any icon sets in Pure CSS, powered by [UnoCSS](https://github.com/antfu/unocss)

-   🔥 The `` syntax

-   🍍 [State Management via Pinia](https://pinia.esm.dev), see [./composables/user.ts](./composables/user.ts)

-   📑 [Layout system](./layouts)

-   📥 APIs auto importing - for Composition API, VueUse and custom composables.

-   🏎 Zero-config cloud functions and deploy

-   🦾 TypeScript, of course

## Plugins

## Demo

[![Open in Stackblitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/thuongtruong1009/teneno/tree/main/?file=.stackblitzrc)

### Nuxt Modules

-   [VueUse](https://github.com/vueuse/vueuse) - collection of useful composition APIs.

-   [ColorMode](https://github.com/nuxt-community/color-mode-module) - dark and Light mode with auto detection made easy with Nuxt.

-   [UnoCSS](https://github.com/antfu/unocss) - the instant on-demand atomic CSS engine.

-   [Pinia](https://pinia.esm.dev/) - intuitive, type safe, light and flexible Store for Vue.

## IDE

We recommend using [VS Code](https://code.visualstudio.com/) with [Volar](https://github.com/johnsoncodehk/volar) to get the best experience (You might want to disable Vetur if you have it).

## Variations

-   [vitesse](https://github.com/antfu/vitesse) - Opinionated Vite Starter Template

-   [vitesse-lite](https://github.com/antfu/vitesse-lite) - Lightweight version of Vitesse

-   [vitesse-nuxt-bridge](https://github.com/antfu/vitesse-nuxt-bridge) - Vitesse for Nuxt 2 with Bridge

-   [vitesse-webext](https://github.com/antfu/vitesse-webext) - WebExtension Vite starter template

## Try it now!

### Online

<a href="https://stackblitz.com/github/antfu/vitesse-nuxt3"><img src="https://developer.stackblitz.com/img/open_in_stackblitz.svg" alt=""></a>

### GitHub Template

[Create a repo from this template on GitHub](https://github.com/antfu/vitesse-nuxt3/generate).

### Clone to local

If you prefer to do it manually with the cleaner git history

```bash

npx degit antfu/vitesse-nuxt3 my-nuxt3-app

cd my-nuxt3-app

pnpm i # If you don't have pnpm installed, run: npm install -g pnpm

```

## References

-   Get idea inspiration: [bee-music](https://dribbble.com/shots/16618273-Bee-Music-Music-Media-Player-Dashboard?fbclid=IwAR35hkSSs2dB2Ek66GAX-yPDfx3JYxxJgeQdwweuEiEtne02IUYk13kxDnk)

-   Follow progresses at [latest project updated](https://github.com/thuongtruong1009/bee-music/projects)

-   Trading and shopping your style with [e-shopee](https://github.com/thuongtruong1009/e-shopee)

-   Enhance front-end skills through [twitter-meta](https://github.com/thuongtruong1009/twitter-meta)

-   Generate your GitHub informations by [gitbox](https://github.com/thuongtruong1009/gitbox)

-   Begining Vue through [notedev](https://github.com/thuongtruong1009/notedev)

-   Learning front-end web full course at [frontend-master](https://github.com/thuongtruong1009/frontend-master)

-   Learn Object-Oriented-Programming tutorial at [Snake-Game-OOP](https://github.com/thuongtruong1009/Snake-Game-OOP)

-   Become Java master for new beginner at [Java-training](https://github.com/thuongtruong1009/java-oop-training)

-   Pratice UI/UX at [league-fo-legend](https://github.com/thuongtruong1009/league-of-legends-clone)

-   Make flip card game at [flip-card](https://github.com/thuongtruong1009/flip-cards)

-   Learn computer architecture at [computer-architecture](https://github.com/thuongtruong1009/computer-architecture)

## ❤️ [Support me](https://www.paypal.me/thuongtruong1009)

> We are looking for sponsors to join us to have better community reach and impact.

[![MOMO](https://img.shields.io/badge/-MOMO-red?style=flat&labelColor=RED&logo=MOMO&logoColor=black)](https://nhantien.momo.vn/0917085937)

<a href="https://www.paypal.me/thuongtruong1009">

<img height="25" marginTop="10" src="https://www.paypalobjects.com/digitalassets/c/website/marketing/apac/C2/logos-buttons/optimize/26_Blue_PayPal_Pill_Button.png">

</a>

<a href='https://ko-fi.com/thuongtruong1009' target='_blank'>

<img height='25' style='border:0px;height:28px;color:blue' src='https://az743702.vo.msecnd.net/cdn/kofi3.png?v=0' border='0' alt='Buy Me a Coffee at ko-fi.com' />

</a>

## 📰 [License](LICENSE)

-   ##### This project is distributed under the [MIT License](LICENSE).

-   ##### Copyright of [@thuongtruong1009](https://github.com/thuongtruong1009), 2022.