https://github.com/k0kishima/nuxt3-realworld-example-app
https://github.com/k0kishima/nuxt3-realworld-example-app
nuxt3 realworld realworld-example realworld-frontend
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/k0kishima/nuxt3-realworld-example-app
- Owner: k0kishima
- License: mit
- Created: 2023-11-04T06:37:46.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-17T01:05:09.000Z (about 2 years ago)
- Last Synced: 2024-03-17T06:08:57.038Z (about 2 years ago)
- Topics: nuxt3, realworld, realworld-example, realworld-frontend
- Language: Vue
- Homepage: https://nuxt3-realworld-example-app.vercel.app
- Size: 342 KB
- Stars: 6
- Watchers: 1
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# 
> ## [Nuxt3](https://nuxt.com/) / [Tailwind CSS](https://tailwindcss.com/) / [Pinia(Store)](https://pinia.vuejs.org/) codebase containing real world examples that adheres to the [RealWorld](https://github.com/gothinkster/realworld) spec and API.
## [Demo](https://nuxt3-realworld-example-app.vercel.app/) [RealWorld](https://github.com/gothinkster/realworld)
This codebase was created to demonstrate a fully fledged fullstack application built with **[Nuxt3](https://nuxt.com/)** including CRUD operations, authentication, routing, pagination, and more.
We've gone to great lengths to adhere to the **[Nuxt3](https://nuxt.com/)** community styleguides & best practices.
You might also check out [the Backend implementation in Golang(Gin/ent)](https://github.com/k0kishima/golang-realworld-example-app).
For more information on how to this works with other frontends/backends, head over to the [RealWorld](https://github.com/gothinkster/realworld) repo.
## Getting started
To make it work in the local development environment, clone this repository and execute the following in the project root.
```bash
$ npm install
$ npm run dev
```
## Generate TypeScript types from an OpenAPI schema file
You can generate types automatically by bellow command.
```
$ npm run generate:api
```
Then `openapi.gen.ts` generated.
The schema file path is placed `openapi.yml`.
Update the file if you needed before generate types.