My Personal site built with Astro, Typescript, Hygraph, GraphQL and Tailwind
- โก๏ธ Astro 2
- โ๏ธ React Extended
- โ TypeScript
- ๐ Tailwind for styling and components
- ๐ ESLint โ Find and fix problems in your code
- ๐ Prettier โ Code Formatter for consistent style
- โ๏ธ EditorConfig โ Maintain consistent coding styles across editors and IDEs
- ๐ Path Mapping โ Import components or images using the
@
prefix - ๐ Giscuss as commenting systems
- โ๏ธ Hygraph for handling content CMS use GraphQL
You need to clone this repo using this command to cloning or create the app
git clone https://github.com/rahxephonz/rizkyy.dev.git
To start the project locally, run:
yarn dev
Open http://localhost:3000
with your browser to see the result.
- Node.js >= 12.22.0
- pnpm >= 8
public
โ Static assets such as robots.txt, images, and favicon.src
โ Application source code, including pages, components, styles, etc.
yarn dev
โ Starts the application in development mode athttp://localhost:3000
.yarn build
โ Creates an optimized production build of your application.yarn preview
โ Starts the application in production mode.yarn lint
โ Runs ESLint for all files in thesrc
directory.
TypeScript are pre-configured with custom path mappings. To import components or files, use the @
prefix.
import {Button} from "@components/Button";
By default, this starter uses pnpm, please install pnpm first for global engine package, and then install the dependencies with pnpm