https://github.com/vadimghedreutan/linktree-redesign-theme
NextJs 13, TypeScript, Tailwind CSS
https://github.com/vadimghedreutan/linktree-redesign-theme
dark-mode nextjs13 tailwind-css typescipt use-sound
Last synced: about 2 months ago
JSON representation
NextJs 13, TypeScript, Tailwind CSS
- Host: GitHub
- URL: https://github.com/vadimghedreutan/linktree-redesign-theme
- Owner: vadimghedreutan
- Created: 2023-02-19T22:53:06.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-20T00:20:54.000Z (almost 3 years ago)
- Last Synced: 2025-06-03T13:19:15.215Z (6 months ago)
- Topics: dark-mode, nextjs13, tailwind-css, typescipt, use-sound
- Language: TypeScript
- Homepage: https://linktree-redesign-theme.vercel.app
- Size: 59.6 KB
- Stars: 12
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js 13 with Tailwind CSS and Dark Mode
This is a basic starter template for a Next.js 13 project using Tailwind CSS and dark mode. It includes a toggle button that allows the user to switch between light and dark mode, powered by the `next-themes` library.
## Getting Started
To get started with this project, you can follow these steps:
1. Clone the repository to your local machine.
2. Run `pnpm install` to install the dependencies.
3. Run `pnpm run dev` to start the development server.
This will start the Next.js development server and you should be able to access the app by visiting `http://localhost:3000` in your browser.
## Features
This starter template includes the following features:
- Next.js 13
- Tailwind CSS
- Dark mode with `next-themes`
- `pnpm` for package management
- `use-sound` A React Hook for Sound Effects
- Basic file structure for a Next.js project
- Customizable `tailwind.config.js` file
Feel free to modify or remove any of these features as needed to fit your project requirements.
## Usage
To use this starter template for your own project, you can follow these steps:
1. Fork the repository or download the source code.
2. Customize the project as needed by modifying the files in the `app` and `components` directories.
3. Update the `README.md` file and any other files as needed for your project.
## Credits
This starter template was created by Vadim Ghedreutan and is released under the [MIT License](https://opensource.org/licenses/MIT).
## License
This project is licensed under the [MIT License](https://opensource.org/licenses/MIT).