Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tommm2/jinrup.dev
My personal website built with TypeScript, Next.js 14, and Tailwind CSS
https://github.com/tommm2/jinrup.dev
blog framer-motion next-intl nextjs14 portfolio-website prisma taiwlindcss
Last synced: 3 days ago
JSON representation
My personal website built with TypeScript, Next.js 14, and Tailwind CSS
- Host: GitHub
- URL: https://github.com/tommm2/jinrup.dev
- Owner: tommm2
- License: mit
- Created: 2023-08-01T15:03:14.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-11T12:57:48.000Z (4 months ago)
- Last Synced: 2024-07-11T14:44:56.673Z (4 months ago)
- Topics: blog, framer-motion, next-intl, nextjs14, portfolio-website, prisma, taiwlindcss
- Language: TypeScript
- Homepage: https://jinrup.vercel.app/
- Size: 4.11 MB
- Stars: 11
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# [My website](https://jinrup.dev/)
## 🔧 Stack
- **Framework**: [Next](https://nextjs.org/)
- **Styling**: [Tailwindcss](https://tailwindcss.com/)
- **Animation**: [Framer motion](https://www.framer.com/motion/)
- **internationalization**: [next-intl](https://next-intl-docs.vercel.app)
- **Database**: [Neon](https://neon.tech/)
- **ORM**: [Prisma](https://www.prisma.io/)
- **Deployment**: [Vercel](https://vercel.com/)
- **Content Management**: [Velite](https://velite.js.org/)
## 📁 Project Structure
```
$PROJECT_ROOT
├── content/
├── messages/
├── prisma/
├── public/
└── src/
├── app/
├── components/
├── providers/
├── config/
├── hooks/
├── lib/
├── styles/
├── types/
├── utils/
├── i18n.ts
└── middleware.ts
```
- `content/*`: MDX blog posts, projects and the content for the `about` page.
- `messages/*`: Data for multi-language support
- `prisma/*`: Database Model Definition
- `public/*`: Static resource, like image
- `src/app/*`: Every page and api route in the website. Uses the **App Router** from **Next.js 14**
- `src/components/*`: All components I use in the website. Note that the components in the **ui** folder will be smaller components, such as link, button, dropdown etc.
- `src/providers/*`: All providers I use in the website
- `src/config/*`: Some basic settings or static data
- `src/hooks/*`: Some custom hooks for website
- `src/lib/*`: a collection of helpful utilities or code for third-party services
- `src/styles/*`: Global Styles with Tailwindcss
- `src/types/*`: Some Global Types definitions
- `src/utils/*`: Some utilities functions , but less complex than `lib/`
## 👋 Getting Start
```bash
git clone https://github.com/tommm2/jinrup.dev.git
cd jinrup.dev
nvm use
pnpm install
pnpm run dev
```
- Create `.env` file similar to `.env.example`.
- Change `config/site.ts`, `config/giscus.ts`, `app/sitemap.ts` to you own and Remove `content/*`.
## 📜 License
This work is licensed by JHENG RONG JIN.
- You are free to use this code as inspiration.
- Please do not copy it directly.
- Crediting the author is appreciated.