Watosan

🤘 Fullstack blog VueJS + NuxtJS + MongoDB + Apollo + GraphQL + SSR + PWA + AMP 🤘

❗ Warning! This project is currently under development. Project may contain errors, incomplete parts and everything what incomplete project may have.

Todo list

• Use better font
• Fix font rendering
• Fix bundle size (at least swtich off from highlightjs)
• Fix OG and TC definitions according to @nuxt/pwa documentation
• Try to get 100 lh score for all checks
• Make sure PWA works corretly with 100 lh score
• Make codestyle to be consistent. Rewrite es5 to es6 cuz of backpack usage

📋 Installation

# Install dependencies
npm i
# Configure the project
# It will create .env file for you and generate JWT Secret
node install

👾 Usage

# Serve in development mode
npm run dev
# Build for production
npm run build
# Serve in production mode
npm run start
# Lint
npm run lint
# Lint and fix
npm run lint:fix

💎 Features

• Send email (subscriptions)
• reCaptcha
• Posts
• Tags
• Backoffice
• Meta
• • Open Graph (incomplete!)
• • Twitter Card (incomplete!)

💪 Tools, methodologies

• SSR (NuxtJS)
• NuxtJS PWA
• VueJS
• HighlightJS
• reCaptcha
• Vue-multiselect
• Sass
• JWT
• • jsonwebtoken
• • express-jwt
• MongoDB (Mongoose)
• GraphQL (Apollo)
• • vue-apollo Apollo Client
• • NuxtJS apollo module
• • Apollo server
• • Apollo upload
• ENV (dotenv)
• PM2
• Speakingurl (slug)
• Nodemailer for mailing
• Backpack
• Markdown
• • NuxtJS Markdown-it module
• • Plugins:
• • • markdown-it-highlightjs
• • • markdown-it-emoji
• ESLint (standard, vue-recommended)