TFD E-Learning using Nuxt/Content + TailwindCSS

Features

This is a blog with course selling feature powered by @nuxt/content and TailwindCSS with integration-ready with forestry.io for headless CMS.

• Use Docker to containerize with NginX serves as a reverse proxy.
• Integrated nuxt/google-analytics with easy web measurement.
• Preconfigured daisyui tailwind components with highly customizable interactive components
• Integrated @nuxtjs/moment for time formatting
• Smooth configurable page, layout transition at @/assets/css/main
• Integrated @babel/eslint-parser, prettier for codes' rules & styles checking and formatting
• Integrated geetest v4 for bot prevention

TFD E-Learning

• TFD Blog (Now TFD E-Learning) : https://github.com/tfd-ed/tfd-blog
• TFD E-Learning Admin: https://github.com/tfd-ed/tfd-elearning-admin
• TFD E-Learning API: https://github.com/tfd-ed/tfd-nest-blog-api

Demo

Official TFD Blog

Setup Guide

With Docker (Recommended)

Clone or Fork this git repository to your Github account.

$ git clone https://github.com/tfd-ed/tfd-blog  

Create .env file from .env.example and replace environment variables with your owns.

Variable	Description	Default
GOOGLE_ANALYTICS_ID	Your Google Analytics UA ID (UA-XXXXX-X)
WEB_URL	Your blog domain	https://www.tfdevs.com
FORMSPREE	Formspree to handle contact us submission	Read more: https://formspree.io/
INSTAGRAM_URL	Link to your Instragram	https://www.instagram.com/darachaukh/
FACEBOOK_URL	Link to your Facebook page or group	https://www.facebook.com/teachingfordevelopment
TELEGRAM_URL	Link to your Telegram channel or group	https://t.me/tfdTech
GITHUB_URL	Link to your Github account	https://github.com/tfd-ed
YOUTUBE_URL	Link to your YouTube channel	https://www.youtube.com/c/TeachingForDevelopment
SITE_TITLE	Your blog title	TFD Blog
EMAIL	Your blog email address	info@tfdevs.com
YOUTUBE_CHANNEL_ID	Your YouTube channel id
GEETEST_ID_SIGN_UP	Geetest ID for Sign Up
GEETEST_KEY_SIGN_UP	Geetest Key for Sign Up
GEETEST_ID_RESET	Geetest ID for Reset Password
GEETEST_KEY_RESET	Geetest Key for Reset Password

$ cd tfd-blog   
$ docker-compose up -d   

Visit http://localhost

Without Docker

Make sure NodeJS version 16.4.0+ is installed in your machine.

$ yarn install  
$ yarn dev  

Visit http://localhost:3000/

Production

# generate static project  
$ yarn generate  
$ yarn start  

Managing Content

All contents are located in content/ directory where you can see the structure.