https://github.com/strawhat19/next-13-treasure-game

I used Next 13 to make this site and will probably continue to use it since its blazing fast and a good development experience for the most part. I am also experimenting with making a game in JavaScript, im very new to game development haha.
https://github.com/strawhat19/next-13-treasure-game

game next react sass

Last synced: about 1 month ago
JSON representation

I used Next 13 to make this site and will probably continue to use it since its blazing fast and a good development experience for the most part. I am also experimenting with making a game in JavaScript, im very new to game development haha.

• Host: GitHub
• URL: https://github.com/strawhat19/next-13-treasure-game
• Owner: strawhat19
• License: mit
• Created: 2022-11-23T21:07:05.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-12T06:57:57.000Z (about 2 years ago)
• Last Synced: 2024-11-15T14:19:42.281Z (3 months ago)
• Topics: game, next, react, sass
• Language: TypeScript
• Homepage: https://next-13-vite-comparison.vercel.app/
• Size: 4.81 MB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![License](https://img.shields.io/github/license/strawhat19/next-13)

![State](https://img.shields.io/github/deployments/strawhat19/next-13/Production)

![Total Lines](https://img.shields.io/tokei/lines/github/strawhat19/next-13)

![Repo Size](https://img.shields.io/github/repo-size/strawhat19/next-13)

![Release](https://img.shields.io/github/release/strawhat19/next-13)

![NextJS](https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white)

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white)

![Firebase](https://img.shields.io/badge/Firebase-039BE5?style=for-the-badge&logo=Firebase&logoColor=white)

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

I used Next 13 to make this site and will probably continue to use it since its blazing fast and a good development experience for the most part.

I am also experimenting with making a game in JavaScript, im very new to game development haha.

![Screenshot of Application](./public/next-13-app.gif)

![Screenshot of Game](./public/pirateTreasure.JPG)

## Getting Started

First, run the development server:

```bash

npm install

npm run dev

# or

yarn dev

```

Prod [https://next-13-vite-comparison.vercel.app/](https://next-13-vite-comparison.vercel.app/) to see the prod build.

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.

- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.