Fukugyou is an open-source media site template for engineers' side-job news, built with Nuxt, Vuetify, Contentful, and Firebase, and deployed on Netlify.
What is Fukugyou?
Fukugyou is a Nuxt-based template that creates a media site focused on side jobs (副業) for engineers. It ingests content from Contentful, statically generates pages with the Nuxt generate command, and publishes to Netlify for hosting. The project also includes a serverless update pipeline described in its blog posts—combining Python, Firebase, and Heroku—that automatically refreshes news on a daily basis. The repository is hosted in the hikarut GitHub account at https://github.com/hikarut/Fukugyou.
Key Features
- Daily auto-update — A Python + Firebase + Heroku serverless composition refreshes the site's news content automatically every day.
- Contentful CMS — Articles are managed in Contentful; the template reads them via SPACE and ACCESS_TOKEN environment variables.
- Nuxt static generation — Run npm run generate to produce a static site ready for hosting on Netlify or any static host.
- Vuetify UI — The interface is styled with the Vuetify component library, giving a Material Design look out of the box.
- Netlify deployment — The repo includes a Netlify deploy-status badge and is configured for continuous deployment.
- Firebase integration — Environment variables for Firebase (API key, auth domain, database URL, project ID, storage bucket, sender ID, app ID) are included for analytics or back-end services.
- AdSense ready — An ADSENSE_ID variable is provided for Google AdSense integration on the media site.
- Architecture posts — Two linked posts explain the original build (Nuxt + Netlify + Vuetify + Contentful) and the later serverless update (Python + Firebase + Heroku).
Who is it for?
- Engineers who want a side-job media site — Launch a Japanese-language news site about 副業 and 複業 with minimal custom code.
- Nuxt developers — Use the template as a reference for connecting Contentful to Nuxt and deploying to Netlify.
- Bloggers needing scheduled content — The daily auto-update pipeline is useful for anyone who wants fresh articles without manual publishing.
- Developers exploring serverless architectures — The Python + Firebase + Heroku setup shows a concrete pattern for periodic content fetching.
What can you do with Fukugyou?
- Run a niche news site for engineers — Publish curated side-job articles by managing content in Contentful and letting the serverless pipeline refresh the site.
- Customize the Vuetify design — Extend the Material-based components to brand the site for your own audience.
- Monetize with AdSense — Add your publisher ID through the ADSENSE_ID variable and display ads on generated pages.
- Learn the Nuxt + Netlify workflow — Fork the repo, add your credentials, and compare the deployment workflow with your own static sites.
How does Fukugyou work?
The setup requires creating a .env file with Contentful, Firebase, and AdSense credentials. After running npm install, you can start a dev server with npm run dev or build a static version with npm run generate. The daily updates come from a Python script that runs on Heroku, uses Firebase as a data store, and feeds new Contentful entries to the Nuxt site.
Pros and cons
- Pros: Fully open source; combines a modern front-end stack (Nuxt, Vuetify, Contentful) with an automated news pipeline; includes clear build scripts and environment variable documentation.
- Cons: Requires accounts and credentials for Contentful, Firebase, and Heroku to run the full daily-update system; the template and its content are primarily in Japanese, which may limit non-Japanese users.
FAQ
Is Fukugyou free?
Yes, the template is open source and hosted on GitHub for anyone to clone and use. You only pay for the external services you choose to run, such as Contentful, Firebase, or Heroku.
What tech stack does Fukugyou use?
The main framework is Nuxt.js with Vuetify for UI components, Contentful as the content management system, and Netlify for deployment. The automated news update pipeline uses Python, Firebase, and Heroku as described in the project's blog posts.
How do I set up Fukugyou locally?
Clone the repository, run npm install, create a .env file with the listed variables (SPACE, ACCESS_TOKEN, CONTENT_TYPE, Firebase settings, ADSENSE_ID), then run npm run dev for local development or npm run generate for a production build.
Does Fukugyou update content automatically?
Yes, it has a serverless architecture that automatically updates news every day. The pipeline combines Python, Firebase, and Heroku to refresh the site's content without manual intervention.
What is the difference between 副業 and 複業?
In the context of this site, 副業 means side job (moonlighting) and 複業 means multiple jobs or plural work. Fukugyou is a media site that covers news and topics around these working styles for engineers.
