Codeblock
This project is built using React and Vite, with additional dependencies for development and production environments. This README.md file will guide you through setting up the project locally.
Make sure you have Node.js and npm (or yarn) installed on your machine.
-
Clone the repository to your local machine:
git clone <repository-url>
-
Navigate to the project directory:
cd project-directory
-
Install dependencies:
npm install
or if you're using yarn:
yarn install
-
Install this:
npm install rehype-pretty-code shiki
or if you're using yarn:
yarn install rehype-pretty-code shiki
- React: "^18.2.0"
- React DOM: "^18.2.0"
- Rehype Pretty Code: "^0.13.1" (ADDED)
- rehype-react: "^8.0.0" (ADDED)
- rehype-stringify: "^10.0.0" (ADDED)
- remark-parse: "^11.0.0" (ADDED)
- remark-rehype: "^11.1.0" (ADDED)
- @types/react: "^18.2.66"
- @types/react-dom: "^18.2.22"
- @vitejs/plugin-react: "^4.2.1"
- ESLint: "^8.57.0"
- ESLint Plugin React: "^7.34.1"
- ESLint Plugin React Hooks: "^4.6.0"
- ESLint Plugin React Refresh: "^0.4.6"
- Vite: "^5.2.0"
- Shiki: "^1.3.0" (ADDED)
After installing dependencies, you can start the development server using Vite:
npm run dev
or
yarn dev
This will start the development server at http://localhost:3000
.
- Make sure to configure ESLint according to your preferences in the
.eslintrc
file. - For further customization, refer to the Vite documentation: Vite Docs.
- Word Highlighting - https://rehype-pretty.pages.dev/
- https://github.com/shikijs/shiki
- https://www.radix-ui.com/primitives/docs/components/collapsible
- https://ui.aceternity.com/components/sparkles
- [{filename:"index.css",codestring:"console.log("hello world!!")"},{..}]
- https://ui.aceternity.com/components/sparkles
- https://www.radix-ui.com/themes/docs/theme/dark-mode