https://github.com/taka1156/nuxt-blog

Nuxt.js、Firebase-Hosting、microCMSを使用したブログ
https://github.com/taka1156/nuxt-blog

firebase-hosting microcms nuxtjs

Last synced: 2 months ago
JSON representation

Nuxt.js、Firebase-Hosting、microCMSを使用したブログ

• Host: GitHub
• URL: https://github.com/taka1156/nuxt-blog
• Owner: taka1156
• Created: 2019-09-20T18:49:30.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2026-04-15T05:00:20.000Z (2 months ago)
• Last Synced: 2026-04-15T07:05:58.929Z (2 months ago)
• Topics: firebase-hosting, microcms, nuxtjs
• Language: JavaScript
• Homepage: https://blog.taka1156.site
• Size: 10.6 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 29
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# nuxt-blog

![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/taka1156/nuxt-blog/main.yml?branch=master)

![test](https://github.com/taka1156/nuxt-blog/workflows/test/badge.svg)

[![Coverage Status](https://coveralls.io/repos/github/taka1156/nuxt-blog/badge.svg?branch=master)](https://coveralls.io/github/taka1156/nuxt-blog?branch=master)

![GitHub last commit](https://img.shields.io/github/last-commit/taka1156/nuxt-blog)

taka1156のブログサイトです(https://blog.taka1156.site)

Storybookはこちら(https://taka1156.github.io/nuxt-blog/)

## 使用しているもの

- Nuxt.js

- marked.js

- highlight.js

- Storybook

- normalize.css

- github-markdown-css

素材

- [SVG PORN](https://svgporn.com/)

- [Google Material Icon](https://material.io/resources/icons/?style=baseline)

## アトミックデザイン

アトミックデザインを試しに導入してみました。(以下一覧)

**Atoms**

- BaseBtn

- BaseImg

- BaseText

- BaseLink

- BaseNavIcon

- BaseHeading

**Molecules**

- ArticleBadge

- ArticleDate

- ArticlePagination

- IndexNav

- IndexList

- IndexListItem

- NavBar

- NavBarPc

- NavListItem

- NavListItemPc

- NavList

- NavListPc

- SnsIcon

**Organisms**

- ArticleCategory ※1

- ArticleTag ※1

- ArticleHeader

- ArticleListItem ※2

- ArticleList

- ClassificationListItem ※2

- ClassificationList

- ClassificationTitle

- ContributionBox

- IndexNavigation

- SnsIcons

- TheNavigation

- TheCopyright

※1


`ArticleCategory` 、`ArticleTag`は汎用性が高いのですが


`Molecules`の`ArticleBadge`を使っていること、ルーティング処理を内包していることより、`Organisms`にしています。

※2
 


`~ListItem `は汎用性が低い(=List系と強く結びついてる)ため


`Atoms`要素しかない`ClassificationList`も`Organisms`に設定しています。