Code Monkey home page Code Monkey logo

Deploy to Netlify

Bluise - A Nuxt.js & Netlify CMS boilerplate.

I wanted to explore Netlify CMS & Tailwind CSS, ended up creating this boilerplate.

So far we've got:

  • Blog w/ posts, including pagination.
  • Configurable manifest & global settings.
  • CSS Markdown.
  • Dynamic pages.
  • PWA ready.
  • SEO ready for posts & pages.
  • Signup form (using Netlify Forms).
  • Tools (Commitlint, Husky).
  • Typescript.

Few things I'd like to add in the future:

  • Contact form under _slug.
  • Dynamic sections/widgets.
  • Responsive CSS markdown.
  • Tests

Quickstart

Prerequisites

# ensure you have the prerequisites
# install
brew install node && brew install yarn

# OR update
brew update && brew upgrade && brew install yarn

# install dependencies
yarn install

# serve with hot reload at localhost:3000
yarn dev

# build for production with minification
yarn generate

# run all tests
yarn test

Using Netlify CMS

  1. Deploy to Netlify.
  2. Enable Identity under Settings.
  3. Configure registration preferences & external providers if needed.
  4. Enable Git Gateway.

Note: You'll need to specify the Netlify URL when browsing the admin page locally.

Hitesh Baldaniya's Projects

angularjs icon angularjs

This angularjs application will make post request and store data into the MY-SQL database. And also list out those data in listing page with filter feature.

nodejs-api-tdd icon nodejs-api-tdd

Test driven API development using nodejs, express, jest and supertest.

nodejs-dashboard icon nodejs-dashboard

Small App to insert developer data like developer, company and languages and filter with languages. As well display data into a chart view on dashboard.

post-redirect-get icon post-redirect-get

POST-redirect-GET is a standard pattern used within web application development. It provides a clean separation of concerns when using web", "main": "interfaces to update data (POST) and subsequently view data (GET), with a redirect as a seamless transition between the two operations.

tdd-express-ts-mocha-boilerplate icon tdd-express-ts-mocha-boilerplate

Overview: The Express-TS-Mocha-Boilerplate is a robust and scalable project template designed for building web applications using TypeScript, Express, Node.js, and Mocha. This project follows the Test-Driven Development (TDD) methodology to ensure code reliability, maintainability, and ease of collaboration.

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.