https://github.com/webistomin/nuxtjs-app

:information_desk_person: Небольшой блог на Nuxt.js. Практика SSR
https://github.com/webistomin/nuxtjs-app

blog nuxtjs vue vuetify

Last synced: 17 days ago
JSON representation

:information_desk_person: Небольшой блог на Nuxt.js. Практика SSR

• Host: GitHub
• URL: https://github.com/webistomin/nuxtjs-app
• Owner: webistomin
• Created: 2018-11-05T07:46:16.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2018-11-13T06:04:20.000Z (about 6 years ago)
• Last Synced: 2024-10-30T05:34:46.561Z (2 months ago)
• Topics: blog, nuxtjs, vue, vuetify
• Language: Vue
• Homepage: https://nuxt-blog-85622.firebaseapp.com
• Size: 16.1 MB
• Stars: 1
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Nuxt.js Blog

> Новостной сайт с возможностью создания и редактирования статей. Реализован с помощью Vue, Nuxt.js и Firebase 

https://nuxt-blog-85622.firebaseapp.com

[![Build status][travis-image]][travis-url] [![dependencies Status](https://david-dm.org/webistomin/nuxtjs-app/status.svg)](https://david-dm.org/webistomin/nuxtjs-app) [![Dependency status][dependency-image]][dependency-url] 

При открытии приложения отображается список последних новостей. Для просмотра всех новостей необходимо перейти по ссылке "Blog". Для редактирования и создания новостей, необходимо перейти на вкладку "Admin". Если администратор не авторизован, то его редиректнет на форму логина или регистрации. После логина, появляется возможность управлять постами. Хранилище постов, регистрация, авторизация реализована через Firebase. При создании поста можно загружать свои фотографии, которые сохранятся на firebase storage. Также для каждой страницы реализован динамический title.

Для доступа к админке можете использовать: [email protected] 123456



## Установка

  

    

      Команда

      Результат

    

  

  

    

      npm install

      Установить зависимости

    

    

      npm run dev

      Запустить сборку, сервер и слежение за файлами

    

     

      npm run build

      Собрать проект для продакшена

    

    

      npm start ЗАДАЧА

      Запустить задачу с названием ЗАДАЧА (список задач в package.json)

    

  

Предполагается, что все команды вы выполняете в bash (для OSX и Linux это самый обычный встроенный терминал, для Windows это, к примеру, Git Bash). В Windows установку пакетов (npm i) нужно выполять в терминале, запущенном от имени администратора.

## Используемые технологии

  

    

      Технология

      Описание

    

  

  

    

      Vue.js

      Основной фреймворк для разработки интерфейса приложения

    

    

      Vuex

      Центральное хранилище данных для всех компонентов приложения

    

     

      Vue Router

      Библиотека для маршрутизации

    

     

      Vuetify

      Фреймворк, предоставляющий набор компнентов UI в Material Design

    

    

      axios

      Доступ к API, основанный на промисах HTTP-клиента

    

    

       Nuxt.js

       Фреймворк, для создания приложений с серверным рендерингом

    

    

        Firebase

        Сервис, имитирующий работу серверной части. В проекте через него реализована регистрация и авторизация пользователей, хранение постов, а также загрузка изображений для них

    

  

## Поддержка браузерами

| [](http://godban.github.io/browsers-support-badges/)IE / Edge | [](http://godban.github.io/browsers-support-badges/)Firefox | [](http://godban.github.io/browsers-support-badges/)Chrome | [](http://godban.github.io/browsers-support-badges/)Safari| [](http://godban.github.io/browsers-support-badges/)Opera | [](http://godban.github.io/browsers-support-badges/)Yandex |

| --------- | --------- | --------- | --------- |--------- | --------- |

| IE11, Edge|Последние 2 версии|Последние 2 версии| 9+ |Последние 2 версии| Последние 2 версии |

[travis-image]: https://travis-ci.org/webistomin/nuxtjs-app.svg?branch=master

[travis-url]: https://travis-ci.org/webistomin/nuxtjs-app

[dependency-image]: https://david-dm.org/webistomin/nuxtjs-app/dev-status.svg

[dependency-url]: https://david-dm.org/webistomin/nuxtjs-app