https://github.com/jorgeluismi/marvel-next
Web app SSR Nuxt React - Marvel comics
https://github.com/jorgeluismi/marvel-next
comics javascript marvel node nodejs nuxt nuxtjs react reactjs typescript vercel
Last synced: 9 months ago
JSON representation
Web app SSR Nuxt React - Marvel comics
- Host: GitHub
- URL: https://github.com/jorgeluismi/marvel-next
- Owner: JorgeLuisMI
- Created: 2025-03-06T16:33:32.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-03-06T17:36:32.000Z (9 months ago)
- Last Synced: 2025-03-06T17:44:03.485Z (9 months ago)
- Topics: comics, javascript, marvel, node, nodejs, nuxt, nuxtjs, react, reactjs, typescript, vercel
- Language: TypeScript
- Homepage: https://marvel-next-brown.vercel.app
- Size: 63.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app) by [@jorgeluismi](https://github.com/jorgeluismi)❤️ 🇪🇸 🇪🇨
## Getting Started 😺
You can start editing the page by modifying `/src/app/page.tsx`. The page auto-updates as you edit the file.
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
## Linting 🚨
```bash
npm run lint
# or
yarn lint
# or
pnpm lint
# or
bun lint
```
## Testing 🧪
```bash
npm run test
# or
yarn test
# or
pnpm test
# or
bun test
```
## Deployment 🚀
```bash
npm run build
npm run start
# or
yarn build
yarn start
# or
pnpm build
pnpm start
# or
bun build
bun start
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Deploy to Vercel 🚀
```bash
vercel
```
## Deploy to Netlify 🚀
```bash
netlify deploy
```
## Tests implemented 🧪
- [x] Home page test
- [x] Search page test
- [x] Character page test
- [x] Favorites page test
Test coverage:
- Search and counter
- Character rendering
- Interaction with the input
- Data loading
- Favorites handling
## Rendering techniques 🎨
- [x] Server components
- [x] Client components
- [x] Server actions
- [x] Client actions
## Applied techniques 🧠
- Code splitting
- Error handling
- Type safety
- Data fetching
- Data caching
## Technologies 🤖
- Next.js 15
- React 19
- TypeScript
- Tailwind CSS
- React Hooks
- React Query
- React Testing Library
- Jest
## Best practices 🌟:
- Clean code 🧹
- Consistent naming 🔤
- Consistent structure 📦
- Consistent style 🎨
- Consistent documentation 📚
- Consistent testing 🧪
- Consistent linting 🚨
- Consistent formatting 📝
- Consistent performance 🚀
- Consistent security 🔒
## v1.1 ⚡
```json
{
"errors": {0: ☣️},
"alerts": {0: ☣️},
"warnings": {0: ☣️},
"linterErrors": {0: ☣️},
"linterWarnings": {0: ☣️},
"buildErrors": {0: ☣️},
"buildWarnings": {0: ☣️},
"testErrors": {0: ☣️},
"testWarnings": {0: ☣️}
}
```
## 💖 Thanks for using this project!
With love from [@jorgeluismi](https://github.com/jorgeluismi)❤️ 🇪🇸 🇪🇨