3
.vscode/settings.json
vendored
@@ -7,5 +7,6 @@
|
|||||||
"**/.hg/**",
|
"**/.hg/**",
|
||||||
"**/.svn/**",
|
"**/.svn/**",
|
||||||
"**/.nuxt/**"
|
"**/.nuxt/**"
|
||||||
]
|
],
|
||||||
|
"cSpell.words": ["Nuxt"]
|
||||||
}
|
}
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 15 KiB |
81
README.md
@@ -1,42 +1,57 @@
|
|||||||
# Nuxt 3 Minimal Starter
|
# Personal Blog Site
|
||||||
|
|
||||||
Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
|
### Built with
|
||||||
|
|
||||||
## Setup
|
<p align="center">
|
||||||
|
<img width="200" src="./assets/images/logo.png">
|
||||||
|
</p>
|
||||||
|
|
||||||
Make sure to install the dependencies:
|
Hacker News clone built with [Nuxt3](https://nuxt.com), [Nuxt-Content2](https://content.nuxtjs.org/blog/announcing-v2/), [Vue3](https://vuejs.org) & [TailwindCss](https://tailwindcss.com/)
|
||||||
|
|
||||||
|
## Features
|
||||||
|
|
||||||
|
- Server Side Rendered(SSR) with Nuxt3
|
||||||
|
- Used Typescript mean fully typesafe
|
||||||
|
- Use Nuxt-Content-v2 as CMS to utilize MDC syntax
|
||||||
|
- Added Nuxt Image with Cloudinary Provider
|
||||||
|
- Properly Search Engin optimized
|
||||||
|
- Use TailwindCss For designing
|
||||||
|
|
||||||
|
## Preview
|
||||||
|
|
||||||
|
<p align="center">
|
||||||
|
<a href="https://blog.nurriyad.xyz" target="_blank">
|
||||||
|
<img width="1090" src="./assets/images/preview1.png">
|
||||||
|
<img width="1090" src="./assets/images/preview2.png">
|
||||||
|
<img width="1090" src="./assets/images/preview3.png">
|
||||||
|
<img width="1090" src="./assets/images/preview4.png">
|
||||||
|
<img width="1090" src="./assets/images/preview5.png">
|
||||||
|
<br>
|
||||||
|
Live Demo
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
## Demo
|
||||||
|
|
||||||
|
https://blog.nurriyad.xyz
|
||||||
|
|
||||||
|
> Hosted on [Vercel](https://vercel.com/): `npm run build`
|
||||||
|
|
||||||
|
## Build Setup
|
||||||
|
|
||||||
|
**Requires Node.js 16+**
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
# yarn
|
# install dependencies
|
||||||
yarn install
|
yarn install
|
||||||
|
|
||||||
# npm
|
# serve in dev mode, with hot reload at localhost:5173
|
||||||
npm install
|
yarn run dev
|
||||||
|
|
||||||
|
# build for production
|
||||||
|
yarn run build
|
||||||
|
|
||||||
|
# serve in production mode
|
||||||
|
yarn run preview
|
||||||
|
|
||||||
# pnpm
|
|
||||||
pnpm install --shamefully-hoist
|
|
||||||
```
|
```
|
||||||
|
|
||||||
## Development Server
|
|
||||||
|
|
||||||
Start the development server on http://localhost:3000
|
|
||||||
|
|
||||||
```bash
|
|
||||||
npm run dev
|
|
||||||
```
|
|
||||||
|
|
||||||
## Production
|
|
||||||
|
|
||||||
Build the application for production:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
npm run build
|
|
||||||
```
|
|
||||||
|
|
||||||
Locally preview production build:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
npm run preview
|
|
||||||
```
|
|
||||||
|
|
||||||
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
|
|
||||||
|
|||||||
BIN
assets/images/logo.png
Normal file
|
After Width: | Height: | Size: 389 KiB |
BIN
assets/images/preview1.png
Normal file
|
After Width: | Height: | Size: 427 KiB |
BIN
assets/images/preview2.png
Normal file
|
After Width: | Height: | Size: 184 KiB |
BIN
assets/images/preview3.png
Normal file
|
After Width: | Height: | Size: 503 KiB |
BIN
assets/images/preview4.png
Normal file
|
After Width: | Height: | Size: 580 KiB |
BIN
assets/images/preview5.png
Normal file
|
After Width: | Height: | Size: 348 KiB |