https://github.com/tfd-ed/tfd-blog
Multi-languages Blog with E-learning feature powered by nuxt-content and TailwindCss
https://github.com/tfd-ed/tfd-blog
blog devops e-learning fullstack geetest geetest-captcha nuxtjs tech
Last synced: about 2 months ago
JSON representation
Multi-languages Blog with E-learning feature powered by nuxt-content and TailwindCss
- Host: GitHub
- URL: https://github.com/tfd-ed/tfd-blog
- Owner: tfd-ed
- License: gpl-3.0
- Created: 2022-03-22T09:12:04.000Z (about 3 years ago)
- Default Branch: develop
- Last Pushed: 2024-10-06T06:00:54.000Z (8 months ago)
- Last Synced: 2025-04-30T03:49:27.962Z (about 2 months ago)
- Topics: blog, devops, e-learning, fullstack, geetest, geetest-captcha, nuxtjs, tech
- Language: Vue
- Homepage: https://tfdevs.com
- Size: 8.98 MB
- Stars: 27
- Watchers: 3
- Forks: 20
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
TFD E-Learning using Nuxt/Content + TailwindCSS
## Features
This is a blog with course selling feature powered by [@nuxt/content](https://content.nuxtjs.org/) and [TailwindCSS](https://tailwindcss.com/) with integration-ready with [forestry.io](https://forestry.io/) for headless CMS.
- Use [Docker](https://www.docker.com/) to containerize with [NginX](https://www.nginx.com/) serves as a reverse proxy.
- Integrated [nuxt/google-analytics](https://google-analytics.nuxtjs.org/) with easy web measurement.
- Preconfigured [daisyui](https://daisyui.com/) tailwind components with highly customizable interactive components
- Integrated [@nuxtjs/moment](https://www.npmjs.com/package/@nuxtjs/moment) for time formatting
- Smooth configurable page, layout transition at ``@/assets/css/main``
- Integrated [@babel/eslint-parser, prettier](https://www.npmjs.com/package/@babel/eslint-parser) for codes' rules & styles checking and formatting
- Integrated [geetest v4](https://www.geetest.com/en/) 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](https://tfdevs.com)
## Setup Guide
### With Docker (Recommended)
**Clone** or **Fork** this git repository to your Github account.
```bash
$ 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 | [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 | |
```bash
$ cd tfd-blog
$ docker-compose up -d
````
Visit http://localhost
### Without Docker
Make sure [NodeJS](https://nodejs.dev/) version 16.4.0+ is installed in your machine.
```bash
$ yarn install
$ yarn dev
````
Visit http://localhost:3000/
### Production
```bash
# generate static project
$ yarn generate
$ yarn start
```
## Managing Content
All contents are located in `content/` directory where you can see the structure.