Ultras Fast Blog made with Vue.js with Server Side Rendering

Overview

Contributors Forks Stargazers Issues MIT License


Logo

Vite SSR Blog

yet another blog made with Node.js and Vue.js
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Roadmap
  5. Contributing
  6. License
  7. Contact
  8. Acknowledgments

About The Project

There are many great Blogs available on GitHub; however, I didn't find one that really suited my needs so I created my own. i want a blog to be:

  • light-weight, not bloated with tons of un-necessary features
  • fast and easy to deploy
  • elegant and simple blogging experience

(back to top)

Built With

(back to top)

Getting Started

To get a local copy up and running follow these simple example steps.

Development

This is an example of how to list things you need to use the software and how to install them.

  1. Clone the repo

    git clone https://github.com/semycolon/vue3-vite-ssr-blog.git
    cd vue3-vite-ssr-blog
  2. Configure Envronment Variables

    cp .env.example .env
  3. Install NPM packages

    npm install
  4. Generate PrismaClient

    npm run prisma:gen
  5. Apply schema to database

    npm run prisma:deploy
  6. Run Application

    npm run dev

Production

  1. Clone the repo
    git clone https://github.com/semycolon/vue3-vite-ssr-blog.git
    cd vue3-vite-ssr-blog
  2. Configure Envronment Variables
    cp .env.example .env
  3. Install NPM packages
    npm install
  4. Generate PrismaClient
    npm run build
  5. Run Application
    npm run start

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Your Name - @your_twitter - [email protected]

Project Link: https://github.com/semycolon/vue3-vite-ssr-blog

(back to top)

You might also like...
A starter template for using vue-next with the latest electron.

Overview This repository contains the starter template for using vue-next with the latest electron. I started to learn electron & vue by the great pro

Vue 3 boilerplate starter based on Vite and Tailwindcss 2
Vue 3 boilerplate starter based on Vite and Tailwindcss 2

vite-wind WIP 🚧 🚧 🚧 It's a Vue 3 boilerplate based on Tailwindcss + Typescript + Vite + css-pro-layout, You could clone this repository and use the

Vite - Vue 2 starter template using composition-api and windiCSS

Vite ⚡ - Vue 2 starter template Create a Vue 2 application bundled by the lightning fast build tool Vite ✨ Live Demo 🔥 Features ⚡️ Vite 2, Vue 2 and

Beautiful gmail redesign created with vue and tailwindcss 🎈

gmail-clone Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Cus

My personal website. Base on Vite 2.0 and Vue 3.0. If you want to know how to use Vite to develop a project, you can refer to this repository.
My personal website. Base on Vite 2.0 and Vue 3.0. If you want to know how to use Vite to develop a project, you can refer to this repository.

chengpeiquan.com My personal website. Base on Vite 2.0 and Vue 3.0. You can see Rewrite in vite to learn more. Architecture License MIT License © 2021

Cypres component testing with Vue 3 and Vite

Cypress Vue 3 Vite Vite template with Vue 3 and Cypress component testing. Clone the repository and run yarn install to install the dependencies. yarn

ZingMp3.vn clone with Vue 3 (Vite)
ZingMp3.vn clone with Vue 3 (Vite)

Zing Mp3 Clone (Vue 3) Vue 3, Vite, TypeScript, SCSS Installation: git clone https://github.com/uchindev/zingmp3-fe-ts.git cd zingmp3-fe-ts npm instal

A starter kit for vue-cesium with Vite
A starter kit for vue-cesium with Vite

element-plus-vite-starter A starter kit for vue-cesium generated by vue-cli This template should help get you started developing with Vue 3 and Typesc

This template should help get you started developing with Vue 3 and Typescript in Vite.

Underscore_ Voici la homepage du podcast ! Vue 3 + Typescript + Vite This template should help get you started developing with Vue 3 and Typescript in

Owner
SemyColon
JavaScript Developer
SemyColon
Next generation frontend tooling. It's fast!

Vite ⚡ Next Generation Frontend Tooling ?? Instant Server Start ⚡️ Lightning Fast HMR ??️ Rich Features ?? Optimized Build ?? Universal Plugin Interfa

vite 51.2k Jan 6, 2023
Next generation frontend tooling. It's fast!

Vite ⚡ Next Generation Frontend Tooling ?? Instant Server Start ⚡️ Lightning Fast HMR ??️ Rich Features ?? Optimized Build ?? Universal Plugin Interfa

vite 51.2k Jan 6, 2023
✨ ✨ ✨ A vue3 style Admin based on Vite2, vue3.0, ant-design-vue 2.x, typescript,vuex,vue-router,Efforts to update in progress...

VUE VBEN ADMIN2.0 Chinese | English CHANGELOG Introduction GitHub Thin Preview Documentation Preinstallation Environmental requirements UI framework I

Vben 15.6k Jan 7, 2023
Plantilla de inicio rápido de proyectos Vue.js 3 usando Vite.js, con Pinia, Vue Router, WindiCSS (Tailwind) e Iconify sobre TypeScript.

Vue Vite TS Plantilla de proyectos Vue.js para Vite, con Pinia, Vue-Router, WindiCSS (Tailwind) e Iconify sobre TypeScript. Uso npm install npm start

José Luis González Sánchez 1 Dec 27, 2021
Plantilla de inicio rápido de proyectos Vue.js 3 usando Vite.js, con Pinia, Vue Router, WindiCSS (Tailwind) e Iconify sobre JavaScript.

Vue Vite JS Plantilla de proyectos Vue.js para Vite, con Pinia, Vue-Router, WindiCSS (Tailwind) e Iconify sobre JavaScript. Uso npm install npm start

José Luis González Sánchez 2 Dec 27, 2021
Vue-todo-list - A simple todo list bulit with Vue.js

vue-todo-list A simple todo list in Vue Preview Author Eder Lima

Eder Lima 7 Aug 24, 2022
A quiz app using Vue JS(vue-3)

easy-quiz-app-with-vue-js A quiz app using Vue JS(vue-3) ✍️ A Vue.js project # Project Clone clone the repository # install dependencies npm install

S u  ~  H t u r  ~   H l a i n g 2 Nov 1, 2022
Vue 3 + TypeScript + Vite 3 + Pinia 2 + Ant-Design 3 + Vue Router 4 Template

Vue 3 + TypeScript + Vite 3 + Pinia 2 + Ant-Design 3 + Vue Router 4 Template This template should help get you started developing with Vite, Ant-Desig

X1a0He 2 Nov 7, 2022
Vite 2.x + Vue 3.x + Tailwind 2.x (starter) ⚡

Vite 2.x + Vue 3.x + Tailwind 2.x starter ⚡ This starter template also includes: Vue Router 4.x Inter var font (self-hosted, woff2 format, version 3.1

Eugene Kopich 1k Oct 5, 2022
Opinionated Vite + Vue 3 + TypeScript + Tailwind CSS starter.

Vite Typescript + Tailwind Starter Simple, opinionated, and production-ready TS + Tailwind project template for Vite 2. See changelog for latest chang

Ville Säävuori 284 Jan 8, 2023