Hey, I'm Wahid Ali works as FullStack Web Devoloper. I created my portfolio website in sveltekit, tailwind and used markdown for writing blogs.
If you like my website you can freely use my webiste for your projects.
git clone https://github.com/Aliwahid17/portfolio.git
cd portfolio
pnpm install # you can use any package manager
pnpm dev
If you find any error and know see some scope of improvements in my projects.Please fork the repo or create an issue.
.
|-- src
| |-- lib
| | |-- assets
| | | |-- about
| | | | βββ (contains about page Images)
| | | |-- content
| | | | βββ (contains blogPost Images according to Name)
| | | βββ (contains homepage Images)
| | |-- components
| | | |-- content
| | | | βββ (contains blog page components)
| | | |-- SEO
| | | | βββ (contains meta tags components)
| | | βββ (contains common components)
| | |ββ content
| | | βββ (contains blogPost markdown)
| | βββ (contains Typescript logic)
| |-- routes
| | |-- about
| | | βββ +page.svelte
| | |-- blogs
| | | |ββ [slug]
| | | | |ββ +page.svelte
| | | | βββ +page.ts
| | | |ββ +page.svelte
| | | βββ +page.ts
| | |-- projects
| | | |ββ +page.svelte
| | | βββ +page.ts
| | |-- sitemap.xml
| | | βββ +server.ts
| | |-- tags
| | | |ββ [slug]
| | | | |ββ +page.svelte
| | | | βββ +page.ts
| | | |ββ +page.svelte
| | | βββ +page.ts
| | |-- +error.svelte
| | |-- +layout.svelte
| | |-- +layout.ts
| | |ββ +page.svelte
| | βββ +page.ts
| |-- app.css
| |-- app.d.ts
| |-- app.html
| βββ hooks.server.ts
|-- static
| |-- favicon.ico
| |-- icon.svg
| |-- manifest.json
| βββ robots.txt
|-- .eslintignore
|-- .eslintrc.cjs
|-- .gitignore
|-- .npmrc
|-- .prettierignore
|-- .prettierc
|-- mdsvex.config.js
|-- package.json
|-- pnpm-lock.yaml
|-- postcss.config.cjs
|-- README.md
|-- svelte.config.js
|-- tailwind.config.js
|-- tsconfig.json
βββ vite.config.js
src/lib/content
: path contains all blog posts. Named according to blog post title.
src/lib/assets/content
: path contains all images used in the blog post. Folder named according to blog post title.
- Content or any sources get outdated.
- Found any grammatic mistake.
- You know about that topic more and wants to add more details in it for other readers.
If scenario matched and you edited the blog post then run this command in your browser console or in terminal.
console.log(new Date().toISOString())
Copy it result and paste or change the (lastUpdated) meta data in the blog post markdown file.
If your change didn't fullfil any scenario or if you updated the blog post and forget to update (lastUpdated) meta data then your merge request will be rejected.