Code Monkey home page Code Monkey logo

thetarnav / nuxt-strapi-study Goto Github PK

View Code? Open in Web Editor NEW
0.0 3.0 0.0 7.96 MB

I'm learning Strapi to use it later in a commercial project. This is a repository where I prototype the project and test Nuxt.js + Strapi functionalities.

Home Page: https://thetarnav.github.io/Nuxt-Strapi-Study/

JavaScript 13.34% SCSS 7.24% Vue 63.61% TypeScript 15.56% CSS 0.20% HTML 0.06%
nuxt vue typescript strapi headless swipe-gestures prototype tailwindcss

nuxt-strapi-study's Introduction

Mobile Mockup

About

Purpose of this project was to learn how to use Strapi as headless CMS, along with Nuxt.js frontend framework, and to create prototype with key functionalities of static + dynamic Gallery website for hand crafting artist: Thea Simulakra.

Achieved Features

  • Static SSR for both static and dynamic pages.
  • Written in Typescript
  • Multilanguage with i18n module
  • Data fetched through GraphQL queries
  • TailwindCSS & SCSS Styling
  • Mobile app-like swiping gesture for smooth changing pages

Project Architecture

  • Nuxt.js Frontend hosted on GitHub Pages (for the actual producton website I will be switching to Netlify)
  • Strapi backend hosted on Heroku
  • MongoDB cloud database

Disclaimer

The available prototype contains only MOBILE view of the application, and is missing much content and some additional planned features. Later, here You will find a link to finished project, once it is compleated and published.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.