Bumps [next](https://github.com/vercel/next.js) from 15.0.3 to 15.2.4. - [Release notes](https://github.com/vercel/next.js/releases) - [Changelog](https://github.com/vercel/next.js/blob/canary/release.js) - [Commits](https://github.com/vercel/next.js/compare/v15.0.3...v15.2.4) --- updated-dependencies: - dependency-name: next dependency-version: 15.2.4 dependency-type: direct:production ... Signed-off-by: dependabot[bot] <support@github.com> |
||
---|---|---|
.idea | ||
public | ||
src | ||
.eslintrc.json | ||
.gitignore | ||
next.config.ts | ||
package-lock.json | ||
package.json | ||
postcss.config.mjs | ||
README.md | ||
tailwind.config.ts | ||
tsconfig.json |
Ronniie.dev
A fully interactive, terminal-style web application built with Next.js. This project features dynamic social links, self-hosted tools, command history navigation, and a stylish welcome message.
Features
-
Interactive Terminal:
- Accepts user input commands like
help
andsocials
. - Supports command history navigation with
↑
and↓
arrow keys.
- Accepts user input commands like
-
Dynamic MOTD (Message of the Day):
- Includes a welcome message with styled text.
- Highlights developer information and self-hosted services.
-
Command List:
help
: Displays a list of available commands.socials
: Displays links to GitHub, YouTube, Discord, Reddit, and BlueSky profiles.- More coming soon!
-
Tech Stack:
- Next.js for SSR and frontend.
- React Icons for elegant icons.
- TailwindCSS for modern styling.
Installation
Follow these steps to set up and run the project locally:
Prerequisites
Clone the Repository
git clone https://github.com/Ronniie/ronniie.dev.git
cd ronniie.dev
Install Dependencies
npm install
# or
yarn install
Usage
Development Server
To start the development server, run:
npm run dev
# or
yarn dev
The application will be available at http://localhost:3000.
Styling
This project uses TailwindCSS for styling. The terminal has a dark theme with highlighted text elements to provide a sleek and modern appearance.
Tailwind Configuration
To customize the styles, edit the tailwind.config.js
file.
Dynamic Icons
Dynamic importing of icons from react-icons
ensures minimal client-side overhead. The following icons are used:
- Socials:
- GitHub, BlueSky, Discord, YouTube, Reddit
- Self-Hosted Services:
- Docker, Plex, Proxmox, Home Assistant, Paperless-ng
Contributing
If you'd like to contribute:
- Fork the repository.
- Create a feature branch:
git checkout -b feature-name
. - Commit your changes:
git commit -m "Add feature-name"
. - Push to the branch:
git push origin feature-name
. - Open a pull request.
License
This project is licensed under the MIT License. See the LICENSE
file for details.
Enjoy using the terminal and let me know how it works for you! 🚀