345dev.me
My personal portfolio and blog made with Nuxt.js, Vue.js, WindiCSS.
What it have?
- Realtime Discord and Spotify status!
- Page for freelancers
- Works, projects and repos!
- Custom and re-usable components
- 20+ components
- Skeleton loaders, cards etc.
- Static blog
- Comments with Disqus
- Write blog posts with markdown!
- Real-world apps
- Firebase integration!
- Turkish Dictionary for awkward words (Firestore)
- Recommendations (Firestore)
- Utilities like metatag generator (WIP)
- Most of styling job is made with WindiCSS
- JIT!
- Except some transitions and blog most of styling is made with WindiCSS
Getting Started
Requirements
- Nodejs 12.17.1 or higher version.
- Yarn package manager (It not need but I prefer this.)
Compiling Source Code
First
- Download code and unzip folder
- Open terminal or CMD (Windows) on project folder.
Second
Install packages with your preffered package manager
Write these command CMD or Terminal
- With Yarn:
yarn - With NPM:
npm install
Third
For running app on development server
Write these command CMD or Terminal
- With Yarn:
yarn dev - With NPM:
npm run dev
For build and compile:
- With Yarn:
yarn generate (or yarn build) - With NPM:
npm run generate or (npm run build)
and open localhost:3000 on your browser and your app is ready.
If you are want host on paid or free services. I recommend Vercel or Netlify. My app is hosted by Vercel.
Firebase
I have two special pages, a Dictionary and Recommendations. If you don't need these pages you can remove this pages.
- First, remove
firebaseand@nuxtjs/firebasemodules - Second delete firebase.js file from
configdirectory - Third remove
@nuxtjs/firebaseinmodulesarray fromnuxt.config.jsand delete firebase import. - After that you can delete these two pages
To-do
- Add share options to blog posts
- Add works
- Custom error page
- Recommandations
- Create page
- Add weekly book recommandation
- Add daily song recommandation
Special Thanks
to Eggsy, Ven and Tarık Coşkun. I'm very inspired by them, and i used some of their code.