An open API service indexing awesome lists of open source software.

https://github.com/dj0nny/nuxtjs-typescript-beginner

A NuxtJS + Typescript app for beginners
https://github.com/dj0nny/nuxtjs-typescript-beginner

beginner beginner-project nuxt nuxt-typescript nuxtjs typescript vue vuejs2

Last synced: 2 months ago
JSON representation

A NuxtJS + Typescript app for beginners

Awesome Lists containing this project

README

          

# nuxtjs-typescript-beginner

[![Build Status](https://travis-ci.org/dj0nny/nuxtjs-typescript-beginner.svg?branch=develop)](https://travis-ci.org/dj0nny/nuxtjs-typescript-beginner)
[![Netlify Status](https://api.netlify.com/api/v1/badges/3ce989fd-7725-43c8-859c-a0eccda87a9a/deploy-status)](https://app.netlify.com/sites/gallant-ardinghelli-7be730/deploys)
[![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/dwyl/esta/issues)
[![npm version](https://badge.fury.io/js/nuxt.svg)](https://badge.fury.io/js/nuxt)
[![npm version](https://badge.fury.io/js/typescript.svg)](https://badge.fury.io/js/typescript)
[![types](https://img.shields.io/badge/types-Typescript-blue.svg)](https://img.shields.io/badge/types-Typescript-blue.svg)

> A NuxtJS + Typescript app for beginners

![](https://cdn-images-1.medium.com/max/2600/1*Pfa4uR2nDfhvjXeg6B5hrg.png)

## A framework for a framework? 😕

Yes, __Nuxt.js__ is a framework for Vue.js that is built over Vue. Nuxt provides a lot of functionalities that are not included in Vue, for example the __server-side rendering__, the creation of __static site__ from a Vue application and you can also use Nuxt for developing single page application.

## Getting Started

For this project you need [__Node__](https://nodejs.org/en/) installed on your machine with [__Npm__](https://www.npmjs.com/) or [__Yarn__](https://yarnpkg.com)

### Installing

You can clone this repository using __Git__:
```bash
git clone https://github.com/dj0nny/nuxtjs-typescript-beginner.git
```
Or download the repository [here](https://github.com/dj0nny/nuxtjs-typescript-beginner/archive/develop.zip)

Open a terminal and type, inside the root directory:
```bash
npm install
# OR
yarn install
```

for installing all the dependencies. At the end type, in the same folder:
```bash
npm run serve
# OR
yarn dev
```
for running the Nuxt development server. It will be up and running at this address: http://localhost:3000.

## Deployed version

There is a deployed version of this repository on [Netlify](https://netlify.com) at this URL: https://gallant-ardinghelli-7be730.netlify.com/

## Next Version

- [x] Initial setup
- [x] Pages and components
- [x] Fetch data from API
- [x] Add relations between the data
- [x] SEO
- [x] Deploy the app on [Netlify](https://www.netlify.com)

## Built With

* [Nuxt.js](https://nuxtjs.org/) - A Vue.js framework
* [TypeScript](https://www.typescriptlang.org/) - Javascript based-type language
* [vue-property-decorator](https://github.com/kaorun343/vue-property-decorator) - Typescript decorators for Vue.js components
* [JSONPlaceholder](http://jsonplaceholder.typicode.com/) - Fake Online REST API for Testing and Prototyping

## Contributing

Pull Requests for adding features ⇄ and ★ are welcome 😎