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
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 |
| Your blog email address | [email protected] | |
| 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.