URL shortener using GitHub Pages and Firebase

https://vuejsexamples.com/url-shortener-using-github-pages-and-firebase/
URL shortener using GitHub Pages and Firebase

Bookflix - A place to manage, explore and review books

https://vuejsexamples.com/bookflix-a-place-to-manage-explore-and-review-books/
Bookflix - A place to manage, explore and review books

Word/Random Number Generator Built Using Vue.js

https://vuejsexamples.com/word-random-number-generator-built-using-vue-js/
Word/Random Number Generator Built Using Vue.js

Appetiser Apps Coding Challenge

https://vuejsexamples.com/appetiser-apps-coding-challenge/
Appetiser Apps Coding Challenge

Multiple Authentication Using Laravel-Jetstream With Inertia-Vue

https://vuejsexamples.com/multiple-authentication-using-laravel-jetstream-with-inertia-vue/
Multiple Authentication Using Laravel-Jetstream With Inertia-Vue

Sikayetvar CRUD app written with VUE

https://vuejsexamples.com/sikayetvar-crud-app-written-with-vue/
Sikayetvar CRUD app written with VUE

Official Genesis website written in Vue

https://vuejsexamples.com/official-genesis-website-written-in-vue/
Official Genesis website written in Vue

An example of a TODO app that makes 10 minutes of quality

https://vuejsexamples.com/an-example-of-a-todo-app-that-makes-10-minutes-of-quality/
An example of a TODO app that makes 10 minutes of quality

Getting Started with Vue.js+Vuex

https://medium.com/madgical-techdom-madtechbits/getting-started-with-vue-js-vuex-af9eec09e056?source=rss------vuejs-5
Nowadays Vue.js is one of the most popular and progressive frameworks for building user interfaces. It was developed by Evan You in…Continue reading on Madgical Techdom — MadTechBits »

[TIL] SomeComponent.props to reuse a components props

https://dev.to/neophen/til-somecomponentprops-to-reuse-a-components-props-4i53
Today I learned you can do this in a .vue component file:



<script>
import SomeComponent from "./SomeComponent.vue"
export default {
props: {
...SomeComponent.props
}
}
</script>


This allows to write wrapped components much easier!

A portfolio for developers with a blog powered by Notion

https://dev.to/aymanemx/a-portfolio-for-developers-with-a-blog-powered-by-notion-hp0
Demo: https://aymaneMx.com (my portfolio)

Github: https://github.com/aymaneMx/nuxt-portfolio-dev



Features:


🥰 minimal and clean portfolio
🌗 the dark/light mode (Auto detect the system color-mode)
📱 responsive (tablet & mobile friendly)
⚙️ render articles from Notion 🚀
⭐ fetches your Github pinned projects with most stars
💫 Eslint & Prettier configured
📈 google analytics integration
⚡ generate sitemap (visit /sitemap.xml)
🚀 one-click deployment to netlify




Deploy your own version:


clone the projects from Github, setup Netlify to deploy on each merge to the main branch, I highly recommend this method!
for the lazy people out there, you can use Netlify deploy button

but first, check out the prerequisites.
Prerequisites

create Notion account
duplicate this template by clicking on duplicate button located at the top of the page.
make your notion table public (by clicking on share button located at the top of the page)
grab the table id from the table link:
eg:



link: https://aymanemx.notion.site/aymanemx/ceef6f1a895a46b2a0e4a87b41405547?v=8427738adccd4b2a8c28156be3757156
id: ceef6f1a895a46b2a0e4a87b41405547



do the same thing for about page id (we gonna use it as an env variable NOTION_ABOUT_PAGE_ID)
get your Google analytics id (this one is optional)
now you can click to the deploy button and fill the Netlify form


Credits:

🌔 The dark mode : eggsy

🎨 the minimal design : Monotone

⭐ The open source section : mouadziani and smakosh