├── .dockerignore ├── .github ├── ISSUE_TEMPLATE │ ├── bug.yaml │ └── feature_request.yml └── workflows │ └── releases.yml ├── .gitignore ├── .nvmrc ├── .vscode └── settings.json ├── CHANGELOG.md ├── Dockerfile ├── LICENSE ├── README.md ├── babel.config.js ├── docker-compose.yml ├── docs ├── community.md ├── customize-your-feed │ ├── _category_.json │ ├── density.md │ ├── layout.md │ ├── preferences.md │ └── theme.md ├── for-content-creators │ ├── _category_.json │ ├── claiming-ownership-on-article.md │ ├── content-guidelines.md │ ├── how-to-get-featured.md │ └── suggest-new-source.md ├── for-oss-contributors │ ├── _category_.json │ └── how-to contribute-to-daily-dev.md ├── getting-started │ ├── _category_.json │ ├── browser-extension-installation.md │ └── pwa.md ├── intro.md ├── key-features │ ├── _category_.json │ ├── bookmarks.md │ ├── community-picks.md │ ├── discussions.md │ ├── feeds.md │ ├── pause-new-tab.md │ ├── search.md │ ├── the-companion.md │ └── upvotes.md ├── monetization │ ├── _category_.json │ ├── awards.md │ └── cores.md ├── plus │ ├── _category_.json │ ├── bookmark-folders.md │ ├── clickbait-shield.md │ ├── custom-feeds.md │ ├── keyword-filters.md │ ├── plus-overview.md │ └── smart-prompts.md ├── setting-up-your-feed │ ├── _category_.json │ ├── advanced-filtering-options.md │ ├── blocking-tags-sources.md │ ├── filtering-content-feed.md │ └── image.png ├── squads │ ├── _category_.json │ ├── creating-your-squad.md │ ├── featured-squads.md │ ├── growing-your-squad.md │ ├── moderating-your-squad.md │ ├── public-squads.md │ └── slack-integration.md └── your-profile │ ├── _category_.json │ ├── account-details.md │ ├── activity.md │ ├── deleting-your-profile.md │ ├── devcard.md │ ├── reading-history.md │ ├── reputation.md │ ├── top-readers.md │ ├── verified-badge.md │ └── weekly-goal.md ├── docusaurus.config.js ├── package-lock.json ├── package.json ├── sidebars.js ├── src ├── components │ ├── HomepageFeatures.js │ ├── HomepageFeatures.module.css │ ├── HomepageNavBoxes.js │ ├── HomepageNavBoxes.module.css │ ├── homepage │ │ ├── homeNavBoxes.js │ │ └── homeNavBoxes.module.css │ └── video-page │ │ ├── img │ │ └── logo.svg │ │ ├── navBoxes.js │ │ └── navBoxes.module.css ├── css │ └── custom.css ├── img │ ├── chevron.svg │ ├── key-features.svg │ ├── menu │ │ ├── community.svg │ │ ├── content-creator.svg │ │ ├── cores.svg │ │ ├── customization.svg │ │ ├── getting-started.svg │ │ ├── key-features.svg │ │ ├── oss-contributors.svg │ │ ├── plus.svg │ │ ├── setting-up-feed.svg │ │ ├── squads.svg │ │ ├── useful-guides.svg │ │ └── your-profile.svg │ ├── rocket.svg │ ├── setting-up-feed.svg │ ├── setting-up-feed2.svg │ ├── test.svg │ ├── usersearch.png │ └── your-profile.svg └── pages │ ├── index.js │ ├── index.module.css │ └── video.module.css ├── static ├── .nojekyll └── img │ ├── Boost.svg │ ├── Community.svg │ ├── Time.svg │ ├── daily-cover-photo.png │ ├── favicon.ico │ ├── icons │ ├── community.svg │ ├── content-creator.svg │ ├── cores.svg │ ├── customization.svg │ ├── getting-started.svg │ ├── integration.svg │ ├── key-features.svg │ ├── oss-contributors.svg │ ├── plus.svg │ ├── setting-up-feed.svg │ ├── squads.svg │ ├── useful-guides.svg │ └── your-profile.svg │ ├── logo.png │ ├── logo.svg │ ├── logo2.png │ ├── overview.svg │ ├── test.svg │ └── tutorial │ ├── docsVersionDropdown.png │ └── localeDropdown.png ├── target └── npmlist.json ├── vercel.json └── yarn.lock /.dockerignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .docusaurus -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/bug.yaml: -------------------------------------------------------------------------------- 1 | name: 🐛 Bug 2 | 3 | description: Report an issue to help improve the project. 4 | 5 | labels: ['🛠 goal: fix'] 6 | 7 | body: 8 | 9 | - type: textarea 10 | 11 | id: description 12 | 13 | attributes: 14 | 15 | label: Description 16 | 17 | description: A brief description of the question or issue, also include what you tried and what didn't work 18 | 19 | validations: 20 | 21 | required: true 22 | 23 | - type: textarea 24 | 25 | id: screenshots 26 | 27 | attributes: 28 | 29 | label: Screenshots 30 | 31 | description: Please add screenshots if applicable 32 | 33 | validations: 34 | 35 | required: false 36 | 37 | - type: textarea 38 | 39 | id: extrainfo 40 | 41 | attributes: 42 | 43 | label: Additional information 44 | 45 | description: Is there anything else we should know about this bug? 46 | 47 | validations: 48 | 49 | required: false 50 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature_request.yml: -------------------------------------------------------------------------------- 1 | name: 💡 General Feature Request 2 | 3 | description: Have a new idea/feature for docs? Please suggest! 4 | 5 | title: '[FEATURE] ' 6 | 7 | labels: ['⭐ goal: addition'] 8 | 9 | body: 10 | 11 | - type: textarea 12 | 13 | id: description 14 | 15 | attributes: 16 | 17 | label: Description 18 | 19 | description: A brief description of the enhancement you propose, also include what you tried and what worked. 20 | 21 | validations: 22 | 23 | required: true 24 | 25 | - type: textarea 26 | 27 | id: screenshots 28 | 29 | attributes: 30 | 31 | label: Screenshots 32 | 33 | description: Please add screenshots if applicable 34 | 35 | validations: 36 | 37 | required: false 38 | 39 | - type: textarea 40 | 41 | id: extrainfo 42 | 43 | attributes: 44 | 45 | label: Additional information 46 | 47 | description: Is there anything else we should know about this idea? 48 | 49 | validations: 50 | 51 | required: false 52 | 53 | - type: markdown 54 | 55 | attributes: 56 | 57 | value: 58 | Feel free to check out other cool repositories of the daily.dev Community [here](https://github.com/dailydotdev) 59 | -------------------------------------------------------------------------------- /.github/workflows/releases.yml: -------------------------------------------------------------------------------- 1 | name: Releases 2 | on: 3 | push: 4 | branches: 5 | - main 6 | 7 | jobs: 8 | changelog: 9 | runs-on: ubuntu-latest 10 | 11 | steps: 12 | - uses: actions/checkout@v2 13 | 14 | - name: conventional Changelog Action 15 | id: changelog 16 | uses: TriPSs/conventional-changelog-action@v3.7.1 17 | with: 18 | github-token: ${{ secrets.GITHUB_TOKEN }} 19 | 20 | - name: create release 21 | uses: actions/create-release@v1 22 | if: ${{ steps.changelog.outputs.skipped == 'false' }} 23 | env: 24 | GITHUB_TOKEN: ${{ secrets.github_token }} 25 | with: 26 | tag_name: ${{ steps.changelog.outputs.tag }} 27 | release_name: ${{ steps.changelog.outputs.tag }} 28 | body: ${{ steps.changelog.outputs.clean_changelog }} 29 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Dependencies 2 | /node_modules 3 | 4 | # Production 5 | /build 6 | 7 | # Generated files 8 | .docusaurus 9 | .cache-loader 10 | 11 | # Misc 12 | .DS_Store 13 | .env.local 14 | .env.development.local 15 | .env.test.local 16 | .env.production.local 17 | 18 | npm-debug.log* 19 | yarn-debug.log* 20 | yarn-error.log* 21 | -------------------------------------------------------------------------------- /.nvmrc: -------------------------------------------------------------------------------- 1 | 20.12 2 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | } -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # [0.13.0](https://github.com/dailydotdev/docs/compare/v0.12.0...v0.13.0) (2025-04-21) 2 | 3 | 4 | ### Features 5 | 6 | * add monetization section ([#456](https://github.com/dailydotdev/docs/issues/456)) ([b76dd42](https://github.com/dailydotdev/docs/commit/b76dd42d9a5f3bbf6f48736371d81b1a279ebd32)) 7 | 8 | 9 | 10 | # [0.12.0](https://github.com/dailydotdev/docs/compare/v0.11.0...v0.12.0) (2025-02-23) 11 | 12 | 13 | ### Features 14 | 15 | * add docs for plus ([#454](https://github.com/dailydotdev/docs/issues/454)) ([20df046](https://github.com/dailydotdev/docs/commit/20df046cae314c80b7d34d3b15aad15023c20755)) 16 | 17 | 18 | 19 | # [0.11.0](https://github.com/dailydotdev/docs/compare/v0.10.0...v0.11.0) (2024-11-03) 20 | 21 | 22 | ### Features 23 | 24 | * new top readers doc ([#445](https://github.com/dailydotdev/docs/issues/445)) ([aabda8c](https://github.com/dailydotdev/docs/commit/aabda8cd92fe5ec8c29dd2536dd59a74cf801337)) 25 | 26 | 27 | 28 | # [0.10.0](https://github.com/dailydotdev/docs/compare/v0.9.0...v0.10.0) (2024-09-09) 29 | 30 | 31 | ### Features 32 | 33 | * update work email verification terms ([#380](https://github.com/dailydotdev/docs/issues/380)) ([01520d2](https://github.com/dailydotdev/docs/commit/01520d22a7608200adc3d086bbd4357482f3452b)) 34 | 35 | 36 | 37 | # [0.9.0](https://github.com/dailydotdev/docs/compare/v0.8.0...v0.9.0) (2024-08-29) 38 | 39 | 40 | ### Features 41 | 42 | * add eligibility criteria ([#376](https://github.com/dailydotdev/docs/issues/376)) ([8720970](https://github.com/dailydotdev/docs/commit/872097004a63d76ec5929340a4bf13115b89b563)) 43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /Dockerfile: -------------------------------------------------------------------------------- 1 | FROM node:22 2 | 3 | WORKDIR /app 4 | 5 | COPY package.json ./ 6 | 7 | RUN yarn 8 | 9 | COPY . . 10 | 11 | #replace with multistage build 12 | RUN yarn build 13 | 14 | EXPOSE 3000 15 | 16 | CMD ["yarn", "serve"] -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # 📝 The official daily.dev Documentation 2 | 3 | The [daily.dev docs](https://docs.daily.dev/) are designed to help our community members get the most out of the product. Hope you will find it useful! We welcome your contribution to help us make it better and up-to-date 💜 4 | 5 | ## 👨‍💻 Contributing 6 | 7 | - Contributions make the open source community such an amazing place to learn, inspire, and create. 8 | - Any contributions you make are **truly appreciated** 9 | - Provide clear documentation 10 | - Create descriptive pull requests 11 | - Test your changes 12 | 13 | ## 💻 Development 14 | 15 | 1. Fork the project: Click the gray `Fork` button in the top right of this page. This creates _your_ copy of the project and saves it as a new repository in your github account 16 | 2. Click on the green `Code` button, then either the HTTPS or SSH option and, click the icon to copy the URL. Now you have a copy of the project. Thus, you can play around with it locally on your computer. 17 | 3. Run the following commands into a terminal window (Command Prompt, Powershell, Terminal, Git Bash, ZSH): 18 | 19 | Do this to download the forked copy of this repository to your computer: 20 | 21 | ```bash 22 | git clone https://github.com/dailydotdev/docs.git 23 | ``` 24 | 25 | Step into the directory: 26 | ```bash 27 | cd docs 28 | ``` 29 | 30 | Ensure you are on the correct node version: 31 | ```bash 32 | nvm use 33 | ``` 34 | 35 | Install the dependencies: 36 | ```bash 37 | # with npm 38 | npm i 39 | 40 | # or with yarn 41 | yarn 42 | 43 | # or with pnpm 44 | pnpm i 45 | ``` 46 | 47 | Run the local dev environment: 48 | ```bash 49 | # with npm 50 | npm run start 51 | 52 | # or with yarn 53 | yarn start 54 | 55 | # or with pnpm 56 | pnpm start 57 | ``` 58 | 59 | Now Visit: 60 | ``` 61 | http://localhost:3000 62 | ``` 63 | 64 | ## 🚀 Deployment 65 | 66 | - Build the project: 67 | 68 | ```bash 69 | # with npm 70 | npm run build 71 | 72 | # or with yarn 73 | yarn build 74 | 75 | # or with pnpm 76 | pnpm build 77 | ``` 78 | - Run the server: 79 | 80 | ```bash 81 | # with npm 82 | npm run serve 83 | 84 | # or with yarn 85 | yarn serve 86 | 87 | # or with pnpm 88 | pnpm serve 89 | ``` 90 | The server is available by default on port `3000`. 91 | 92 | ## 🐳 Deployment with Docker 93 | 94 | From the folder where the docker-compose.yml file is located, type: 95 | 96 | ```bash 97 | docker compose up --build 98 | ``` 99 | The server is available by default on port `3000`. 100 | 101 | ## 🍿 Test 102 | ```bash 103 | docker run -p 3000:3000 francescoxx/dailydev-docs:0.9.3 104 | ``` 105 | 106 | ## 🙏 Thanks to all Contributors 107 | Thanks a lot for spending your time in helping daily.dev grow. Thanks a lot! ❤️ 108 | 109 | Contributors to daily.dev docs 110 | 111 | 112 | ## 📑 License 113 | Licensed under [AGPL-3.0](https://github.com/dailydotdev/daily/blob/master/LICENSE). 114 | 115 | ## ⭐️ One more thing 116 | 117 | Don't forget to leave us a star ⭐️ 118 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [require.resolve('@docusaurus/core/lib/babel/preset')], 3 | }; 4 | -------------------------------------------------------------------------------- /docker-compose.yml: -------------------------------------------------------------------------------- 1 | services: 2 | react-docker: 3 | image: francescoxx/dailydev-docs:1.0.0 4 | build: 5 | context: . 6 | ports: 7 | - "3000:3000" -------------------------------------------------------------------------------- /docs/community.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 100 3 | --- 4 | # Community 5 | Welcome to the daily.dev community! Join us on our various social media channels to stay updated with the latest news, events, educational content, giveaways, and more related to daily.dev. 6 | 7 | ## Changelog 8 | Stay up-to-date with the latest changes and updates on daily.dev by checking out our [changelog](https://app.daily.dev/squads/daily_updates) . 9 | 10 | ## Twitter 11 | Follow us on Twitter [@dailydotdev](https://twitter.com/dailydotdev) for the latest news, updates, educational content, giveaways, and engaging discussions related to daily.dev. 12 | 13 | ## YouTube 14 | Subscribe to our official [YouTube channel](https://www.youtube.com/c/dailydev) for a wealth of content, including Monthly Dev events with world-class talks, cool intro videos, tutorials, and more! Stay updated with new releases, educational content, giveaways, and behind-the-scenes glimpses. 15 | 16 | ## LinkedIn 17 | Connect with us on LinkedIn at [daily.dev](https://www.linkedin.com/company/dailydotdev) to stay in the loop with our latest updates, announcements, and educational content, as well as engage with our community. 18 | 19 | ## TikTok 20 | Join us on TikTok [@daily.dev](https://www.tiktok.com/@dailydotdev) for fun and engaging content related to daily.dev, including coding tips, behind-the-scenes glimpses, updates, and giveaways. 21 | 22 | ## Instagram 23 | In case you're into short-form videos make sure you don't miss our [Instagram profile](https://www.instagram.com/dailydotdev)! 24 | 25 | ## Meetup 26 | Join our meetup group to stay informed about our monthly events featuring inspiring talks from expert developers, and updates on new releases, educational content, and giveaways. [Join here](https://www.meetup.com/the-monthly-dev-world-class-talks-by-expert-developers/) 27 | 28 | ## Feedback 29 | Have feedback, questions, or feature requests? [Submit it here](https://daily.dev/feedback) and let us know how we can improve your daily.dev experience! 30 | -------------------------------------------------------------------------------- /docs/customize-your-feed/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Customization", 3 | "position": 80 4 | } 5 | -------------------------------------------------------------------------------- /docs/customize-your-feed/density.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 2 3 | description: "Learn how to adjust content density on the daily.dev feed with Eco, Roomy, and Cozy settings for a personalized reading experience." 4 | --- 5 | 6 | # Density Settings 7 | 8 | The density option enables you to set the density of content on the **daily.dev feed**. Choose from **Eco**, **Roomy**, and **Cozy** options to personalize your reading experience. 9 | 10 | ## Eco Density Setting 11 | 12 | ![Eco density setting preview on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1724400282/docs-v2/3bb874f9-c920-4717-b606-07c697f431a0.png) 13 | 14 | Set the density of your feed to Eco, as shown below: 15 | 16 | ![How to set Eco density from menu on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1724400351/docs-v2/245139c1-9435-4433-aae6-779461ea8c50.png) 17 | 18 | ## Roomy Density Setting 19 | 20 | ![Roomy density setting preview on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1724400462/docs-v2/bea54acf-ecf4-4c9a-93d0-1962c8694706.png) 21 | 22 | Set the density of your feed to Roomy, as shown below: 23 | 24 | ![How to set Roomy density from menu on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1724400407/docs-v2/928ceb27-1a44-43a2-9c56-245d43e29ac1.png) 25 | 26 | ## Cozy Density Setting 27 | 28 | ![Cozy density setting preview on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1724400566/docs-v2/3eb0e893-cb8a-48c5-9543-c29179a8fcd3.png) 29 | 30 | Set the density of your feed to Cozy, as shown below: 31 | 32 | ![How to set Cozy density from menu on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1724400531/docs-v2/c90ae104-6c65-4e70-aac3-caaf06bba48d.png) 33 | -------------------------------------------------------------------------------- /docs/customize-your-feed/layout.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 0 3 | description: "Customize your daily.dev feed layout with Grid and List modes for an optimal reading experience across all devices." 4 | --- 5 | 6 | # Layout Options 7 | 8 | The layout option lets you select how posts are displayed on your **daily.dev feed**. Switch between **Grid mode** and **List mode** to suit your viewing preferences. 9 | 10 | To switch between Grid and List mode, click on the **customize** option from the top-right profile menu, as shown below: 11 | 12 | ![Switch from List to Grid mode on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1724400818/docs-v2/a57d8ba8-dbfb-4407-9759-fbf9dc1154a6.png) 13 | 14 | ## Grid Mode for Content Display 15 | 16 | The **Grid mode** displays posts as cards arranged in a grid format, as seen in the image below: 17 | 18 | ![Grid mode view for daily.dev feed](https://daily-now-res.cloudinary.com/image/upload/v1724400852/docs-v2/a6b59df0-78b5-431a-8719-1efb654f9ef4.png) 19 | 20 | In Grid mode, posts are positioned both vertically and horizontally, making it easy to scan and interact with the content. Grid mode adapts seamlessly to various viewports and orientations, providing consistency across different platforms and screen sizes. 21 | 22 | ## List Mode for Simplified Layout 23 | 24 | In **List mode**, posts are stacked vertically in a list, as shown below: 25 | 26 | ![List mode view for daily.dev feed](https://daily-now-res.cloudinary.com/image/upload/v1724400878/docs-v2/5ff46522-dfc3-401b-9aff-12819a91f4c4.png) 27 | 28 | List mode displays posts in a simple, stacked format, showing only source images without cover images. This option is ideal if you prefer a shorter feed with fewer visuals. 29 | -------------------------------------------------------------------------------- /docs/customize-your-feed/preferences.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 3 3 | description: "Customize your daily.dev experience with preferences like reading streaks, link behavior, and companion widget for a personalized feed." 4 | --- 5 | 6 | # Preferences Settings 7 | 8 | !["Preferences"](https://daily-now-res.cloudinary.com/image/upload/v1724399519/docs-v2/699dcb1d-8bcc-481f-8ef3-3f2cbc80b15f.png) 9 | 10 | The preferences options allow you to fine-tune your **daily.dev** experience by toggling various features on or off. Currently, available options include: 11 | 12 | - Show reading streaks 13 | - Open links in a new tab 14 | - Show custom shortcuts 15 | - Show feed sorting menu 16 | - Enable companion 17 | 18 | ### Accessibility 19 | - Automatically dismiss notifications 20 | 21 | ## Show Reading Streaks 22 | 23 | By default, daily.dev displays your reading streaks in the top right corner of your feed. If you’d prefer to hide your reading streaks, set the `Show reading streaks` toggle switch to `off`. 24 | 25 | ## Open Links in a New Tab 26 | 27 | When you click a post link on your feed using the `Read post` button, daily.dev will open that post in a new tab by default. To have posts open in the current tab instead, set the `Open links in new tab` toggle switch to `off`. 28 | 29 | ## Show Custom Shortcuts 30 | 31 | Enable this option to access custom shortcuts at the top center of your feed. 32 | 33 | ![Enable custom shortcuts on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1724399755/docs-v2/dfd3d9aa-1cec-4d0d-b340-0913c8b9ea6b.png) 34 | 35 | ## Show Feed Sorting Menu 36 | 37 | Turning this toggle switch on adds a dropdown menu to the My Feed and Popular Feed sections, enabling sorting by `Date` or by `Recommended`, as shown below: 38 | 39 | ![Feed sorting menu on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1724399859/docs-v2/ea9b06cd-b59c-4ccb-a420-cda7bba7e75e.png) 40 | 41 | ## Enable Companion Widget 42 | 43 | Switching this toggle to `on` activates the [companion widget for daily.dev](https://docs.daily.dev/docs/key-features/the-companion), while setting it to `off` deactivates the widget. 44 | 45 | The companion widget enhances your experience by allowing you to bookmark, comment, and upvote directly on the original post. To activate this widget, click on the **companion button** in the top-right corner of the daily.dev menu bar, as seen below: 46 | 47 | ![Companion widget activation icon on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1695752806/docs-v2/Companion-widget-icon.png) 48 | 49 | Then click on the `Activate companion` button in the description box: 50 | 51 | ![Activate companion widget on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1695752390/docs-v2/Activate-companion.png) 52 | 53 | You will then be asked to grant additional permissions to display the companion widget directly on the original post. 54 | -------------------------------------------------------------------------------- /docs/customize-your-feed/theme.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 1 3 | description: "Customize your daily.dev experience by choosing between Dark, Light, and Auto theme settings for a personalized reading environment." 4 | --- 5 | 6 | # Theme Options 7 | 8 | The theme option allows you to change the look and feel of **daily.dev** by selecting from the available themes. Currently, you can choose from: 9 | 10 | - Dark theme 11 | - Light theme 12 | - Auto theme 13 | 14 | ## Dark Theme (Default) 15 | 16 | The **Dark theme** reduces eye strain and applies mostly dark surfaces across the UI, as shown below: 17 | 18 | ![Dark theme view for daily.dev interface](https://daily-now-res.cloudinary.com/image/upload/v1722601800/docs-v2/6916a1da-db83-41a7-8a6c-590bc7d99b5a.png) 19 | 20 | Dark theme balances light emissions with the minimal contrast required for readability. Additionally, the Dark theme can help conserve battery, extending device usage. 21 | 22 | You can set the Dark theme for daily.dev as illustrated here: 23 | 24 | ![Dark theme activation on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1722601830/docs-v2/43e5fae1-02e4-48f8-b218-305e7008bcc0.png) 25 | 26 | ## Light Theme 27 | 28 | The **Light theme** uses a white or light background, offering a clean and professional appearance. This theme provides clear, readable content, allowing easy navigation and a smooth reading experience on daily.dev. 29 | 30 | ![Light theme view for daily.dev interface](https://daily-now-res.cloudinary.com/image/upload/v1722601855/docs-v2/c735a963-21a7-4615-bd08-213641db7dc0.png) 31 | 32 | You can set the Light theme for daily.dev, as seen below: 33 | 34 | ![Light theme activation on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1722601874/docs-v2/64c8e692-1826-4f1f-9b33-9f1250e28f8d.png) 35 | 36 | ## Auto Theme 37 | 38 | The **Auto theme** option automatically adjusts the daily.dev theme to match your browser's theme setting, toggling between Light and Dark as per your browser configuration. 39 | 40 | ![Auto theme view for daily.dev interface](https://daily-now-res.cloudinary.com/image/upload/v1722601887/docs-v2/8c745869-ed77-40ee-976a-5830c4694ba7.png) 41 | -------------------------------------------------------------------------------- /docs/for-content-creators/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "For content creators", 3 | "position": 90 4 | } 5 | -------------------------------------------------------------------------------- /docs/for-content-creators/suggest-new-source.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 2 3 | description: "Learn how to suggest a new content source for daily.dev to expand our community-driven developer resources. Follow these steps for successful submission." 4 | --- 5 | 6 | # How to Suggest a New Source on daily.dev 7 | 8 | ## Introduction 9 | 10 | We're delighted you’re interested in adding valuable content to daily.dev. Our platform continuously grows with community-recommended sources. If you’ve discovered a source that could benefit daily.dev, but it’s not currently listed, we invite you to suggest it. 11 | 12 | :::caution 13 | Please review our [content guidelines](/for-content-creators/content-guidelines.md) before suggesting a new source. These guidelines are essential to our content review process, ensuring high-quality, relevant, and ethical content. Understanding and following these guidelines will improve the chances of your suggestion being accepted, helping us make daily.dev an exceptional resource. 14 | ::: 15 | 16 | ### Prerequisites 17 | 18 | 1. Familiarize yourself with our [content guidelines](/for-content-creators/content-guidelines.md). 19 | 2. Register on daily.dev. 20 | 3. Ensure your publication has a public RSS feed. 21 | 4. Confirm the source is a well-known publication or developer blogging platform. 22 | 5. Corporate and personal blogs are not eligible. Consider [starting a Squad](../squads/creating-your-squad.md) instead. 23 | 24 | :::note 25 | Some existing sources may not fully align with our updated criteria. We are gradually migrating relevant sources to Squads to ensure alignment with current standards. 26 | ::: 27 | 28 | ### How to Submit Your Source 29 | 30 | 1. Access your feed through the [browser extension](../getting-started/browser-extension-installation.md) or the [web app](https://app.daily.dev). 31 | 2. Sign up or log in. 32 | 3. Select `Suggest new source` from the top-right in the `Sources` section, as shown below: 33 | 4. Enter the URL of your publication's RSS feed (preferred) or homepage. 34 | 5. Click `Check link`. 35 | 6. Select the relevant RSS feed if multiple options appear. 36 | 7. Click `Submit for review`. 37 | 38 | ![Suggest new source submission form on daily.dev](https://github.com/user-attachments/assets/3e55cc94-c65b-4425-9ad2-1c19f5efd5d2) 39 | 40 | ### Review Process 41 | 42 | Our team manually reviews each submission to ensure compliance with our [content guidelines](/for-content-creators/content-guidelines.md). **The review process may take up to 30 days.** 43 | 44 | You’ll receive email notifications: 45 | 1. Confirming your source request submission. 46 | 2. Informing you of your source’s approval or rejection. 47 | 3. If further information is needed, our team will contact you directly at support@daily.dev. 48 | 49 | ## FAQ 50 | 51 | ### What Happens After Approval? 52 | 53 | Once approved, new posts from your source will be automatically collected, analyzed, and potentially added to the feed. Note that historical content is not auto-populated from newly approved sources; only content published after approval will be considered. Please allow a few days for full synchronization. 54 | 55 | ### Is Approval Permanent? 56 | 57 | We continuously monitor new sources to maintain content quality. Misuse of the platform may result in the disqualification of an approved source. 58 | 59 | ### Can I Resubmit a Rejected Source? 60 | 61 | Yes, but only after making significant changes. For further assistance, contact support@daily.dev. 62 | 63 | ### How to Track the Review Process? 64 | 65 | Review status updates are communicated via email notifications. We appreciate your patience during this process. 66 | -------------------------------------------------------------------------------- /docs/for-oss-contributors/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "For OSS contributors", 3 | "position": 100 4 | } 5 | -------------------------------------------------------------------------------- /docs/for-oss-contributors/how-to contribute-to-daily-dev.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 1 3 | description: "Learn how to contribute to daily.dev’s open-source project, explore the GitHub repository, and set up locally with Docker." 4 | --- 5 | 6 | # How to Contribute to daily.dev 7 | 8 | daily.dev is an **open-source project**, and we’re thrilled to welcome contributors! We believe in transparency and community collaboration, so we’ve published our source code on GitHub. You can suggest features, report bugs, or contribute code—everyone is welcome! 9 | 10 | ## Why Open Source? 11 | 12 | Contributing to open source can be transformative for a developer’s career. Open source allows developers to build their portfolios, experiment with new technologies, and learn in public. Many leading companies and innovative startups are embracing open-source projects, making this a fantastic opportunity to learn, grow, and enhance your skills. 13 | 14 | ## daily.dev’s GitHub Repository 15 | 16 | Explore our GitHub repository to level up your coding skills and contribute to daily.dev’s development: [daily.dev GitHub Repository](https://github.com/dailydotdev/daily). 17 | 18 | If you’re already visiting our GitHub repo, don’t forget to give us a star ⭐ to show your support! 19 | 20 | ## Running daily.dev Locally with Docker 21 | 22 | Here’s a [video tutorial on running daily.dev locally with Docker](https://youtu.be/sNUpOJaL_B8) to help you get started quickly: 23 | 24 | [![Video tutorial for running daily.dev locally with Docker](https://daily-now-res.cloudinary.com/image/upload/v1636468644/docs/Running_daily.dev_locally_with_Docker.jpg)](https://youtu.be/sNUpOJaL_B8) 25 | -------------------------------------------------------------------------------- /docs/getting-started/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Getting started", 3 | "position": 10 4 | } 5 | -------------------------------------------------------------------------------- /docs/getting-started/pwa.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 1 3 | description: "Explore the daily.dev Progressive Web App (PWA) for a seamless, cross-platform developer news experience. Learn to add daily.dev to your home screen on iOS and Android." 4 | --- 5 | 6 | # Progressive Web App (PWA) for daily.dev 7 | 8 | Experience daily.dev like never before with our fully responsive and user-friendly **progressive web app (PWA)**! Stay up-to-date with the latest developer news, tips, and insights on any device, anytime, anywhere. Read on to learn how you can add a shortcut to your home screen on iOS and Android for quick access to the daily.dev PWA! 9 | 10 | All you need to do is visit [this URL to access daily.dev on any device](https://app.daily.dev). 11 | 12 | ## Key Advantages of Using the daily.dev PWA 13 | 14 | - **Cross-Platform Compatibility**: Access daily.dev on any device with a web browser, including desktops, laptops, smartphones, and tablets. 15 | - **App-Like Experience**: Enjoy a responsive, app-like experience with smooth performance and easy navigation on the daily.dev PWA. 16 | - **Easy Installation**: Adding the daily.dev PWA to your home screen on iOS and Android is quick and simple, offering one-tap access to your developer news. 17 | - **Regular Updates**: The daily.dev PWA continuously receives updates with new features and improvements, ensuring a top-notch experience every time. 18 | 19 | ## Adding daily.dev to Your Home Screen on iPhone, iPad, and Mac 20 | 21 | To add a shortcut to the daily.dev PWA on iOS, iPadOS, or macOS: 22 | 23 | 1. Open the daily.dev web app on the Safari browser. 24 | 2. Tap the **Share** button, then select **Add to Home Screen**. 25 | 3. Follow the prompts to add the shortcut to your device's home screen for quick access. 26 | 27 | For more information, refer to the [official Apple guide on adding shortcuts to your home screen](https://support.apple.com/en-il/guide/iphone/iph42ab2f3a7/ios). 28 | 29 | ## Adding daily.dev to Your Home Screen on Android 30 | 31 | On Android, there are two options to add daily.dev to your mobile home screen: 32 | 33 | 1. **Install the daily.dev Android App**: Get it directly from [Google Play](https://play.google.com/store/apps/details?id=dev.daily). 34 | 2. **Manually Add the PWA to Your Home Screen**: Follow the [Google guide for adding web apps to Android home screens](https://support.google.com/chrome/answer/9658361?hl=en&co=GENIE.Platform%3DAndroid). 35 | 36 | -------------------------------------------------------------------------------- /docs/intro.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 0 3 | sidebar_label: Introduction 4 | description: "daily.dev brings the latest tech news and articles to developers, curated from over 1300 sources with a customizable feed to stay ahead in tech." 5 | --- 6 | 7 | # Introduction 8 | 9 | daily.dev is a professional network for developers that provides the latest tech news and articles all in one place. 10 | 11 | We curate posts from over 1300 tech news sources and present them in a single feed that you can customize to your interests using tags. Our platform helps you save time by finding high-quality posts, so you can stay up-to-date and stay ahead of the curve as a developer. 12 | 13 | 14 | 15 | ## Quick start guide 16 | 17 | We want you to get the most out of daily.dev, so we've put together this quick start guide to help you make the most of our platform and our community. 18 | 19 | ### Step 1: Install 🚀 20 | 21 | You can use daily.dev as a [browser extension](/getting-started/browser-extension-installation.md) or as a [progressive web app (PWA)](/getting-started/pwa.md). 22 | 23 | Also available on the Google Play store as [Android app](https://play.google.com/store/apps/details?id=dev.daily). 24 | 25 | We recommend the browser extension, which sets your new tab to show daily.dev and helps you develop a good reading habit. But don't worry, you can always pause the new tab functionality if you need to focus! 26 | 27 | ### Step 2: Set up your feed 🎯 28 | 29 | Once you've installed the extension or accessed the web app, the next step is to [create your personal feed](/setting-up-your-feed/filtering-content-feed.md). This allows you to customize daily.dev to your preferences and interests, providing you with the most relevant tech and developer news. 30 | 31 | ### Step 3: Engage with other developers 👏 32 | 33 | Check out some of our [key features](/key-features/feeds.md) and start engaging with other developers on our platform to help grow your professional network and make new connections. 34 | 35 | ### Step 4: Build your presence 🦸 36 | 37 | On daily.dev, you can [create a profile](/your-profile/activity.md). With a profile, you can comment on posts, upvote, bookmark useful posts, showcase your reading with our DevCard, and much more! 38 | 39 | ### Step 5: Customize the look and feel 🌈 40 | 41 | Make daily.dev look and feel the way you want! [Customize](/customize-your-feed/layout.md) the theme, layout, card density, and other cool preferences to personalize your experience. 42 | 43 | 44 | You can use daily.dev as a [browser extension](/getting-started/browser-extension-installation.md) or as a [progressive web app (PWA)](/getting-started/pwa.md). 45 | 46 | Also available on the Google Play store as [Android app](https://play.google.com/store/apps/details?id=dev.daily) 47 | 48 | 49 | We recommend the browser extension, which sets your new tab to show daily.dev and helps you develop a good reading habit. But don't worry, you can always pause the new tab functionality if you need to focus! 50 | -------------------------------------------------------------------------------- /docs/key-features/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Key features", 3 | "position": 30 4 | } 5 | -------------------------------------------------------------------------------- /docs/key-features/pause-new-tab.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 6 3 | description: "Learn how to use the Pause New Tab (Do Not Disturb) feature on daily.dev to minimize distractions and focus on your work." 4 | --- 5 | 6 | # Pause New Tab (DND) 7 | 8 | At daily.dev, we understand that sometimes you need to focus without distractions. While our new tab functionality is designed to provide you with interesting posts, we also recognize that there may be times when you need to temporarily disable it. That's why we've introduced the "Pause New Tab" (Do Not Disturb) feature. 9 | 10 | ## Activating Pause New Tab Mode 11 | 12 | To activate Pause New Tab mode, simply click on the "Pause New Tab" button, which can be found in your profile (top right). A modal will then appear, allowing you to choose the duration for which you want to pause daily.dev. You can select from options such as 30 minutes, 1 hour, 2 hours, until tomorrow, or even set a custom time period (1). 13 | 14 | Highlighting the "Pause New Tab" feature button in the profile menu 15 | 16 | ## Setting the default URL when paused (optional) 17 | 18 | You can also set a default URL that will be displayed as your new tab page while daily.dev is paused (2). By default, most browsers will set Google search as the default URL. However, you have the option to choose a different URL of your choice (2). 19 | 20 | Modal with radio buttons for time to pause (1), the default URL input above the radio buttons (2), and the "Done" button (3) 21 | 22 | Once you have set the desired duration and optional default URL, simply click "Done" to apply the Pause New Tab mode (3). This feature gives you the flexibility to temporarily disable the new tab functionality of daily.dev whenever you need to focus without distractions, ensuring that you can maintain productivity and stay on track with your work. 23 | 24 | ## Looking for another solution? 25 | 26 | If the "Pause New Tab" feature is not enough for you and you're looking for a simpler experience, we recommend trying out the [daily.dev Progressive Web App (PWA)](../getting-started/pwa.md). The PWA allows you to access daily.dev as a standalone website, without the potential distractions of having it in your new tab. 27 | -------------------------------------------------------------------------------- /docs/key-features/search.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 2 3 | description: "Learn how to search for content, users, tags, squads, and sources across the daily.dev ecosystem." 4 | --- 5 | 6 | # Search 7 | 8 | daily.dev’s search is your go-to way to explore the platform. Whether you’re looking for a specific post, a trusted source, trending tags, or other developers — it’s all just a few keystrokes away. 9 | 10 | :::info 11 | We’ve sunset our AI-powered search due to low adoption. Like any good startup experiment, it taught us a lot. We're using those learnings to build even better experiences ahead — stay tuned. 12 | ::: 13 | 14 | ## What you can search for 15 | 16 | Here’s what you can search for using the search bar at the top of the page or via Cmd+K / Ctrl+K: 17 | 18 | ### Content (posts) 19 | - Instantly search for posts matching your query. 20 | - Results are sorted by relevance, helping you discover tutorials, news, comparisons, product launches, and more. 21 | 22 | ### Tags 23 | - If your search term matches a tag, it’ll appear with a hashtag (e.g. `#react`). 24 | - Clicking it takes you to a dedicated tag page sorted by: 25 | 1. Top-voted posts 26 | 2. Best discussions 27 | 3. Everything else 28 | 29 | ### Sources 30 | - Looking for content from a specific blog, newsletter, or YouTube channel? Search for the source name. 31 | - Sources appear with a custom icon. Clicking opens the source page with the latest posts, ordered by engagement. 32 | 33 | ### Users 34 | - Search by handle or name to find developers on daily.dev. 35 | - Discover their activity, Squads, reading streaks, and shared posts. 36 | 37 | ### Squads 38 | - Search for Squads by name or topic. 39 | - Join and engage with communities that match your interests. 40 | 41 | ## Search results view 42 | 43 | We’ve revamped the search interface to give you a cleaner, faster way to find what matters. When you search, you’ll see: 44 | 45 | - **Main column:** Relevant posts 46 | - **Right sidebar:** Matching tags, sources, and Squads 47 | - **Lower section:** Developers who have mentioned the term 48 | 49 | Everything is just a scroll away — no extra clicks needed. 50 | 51 | ## Tips for better results 52 | 53 | - Use specific keywords (e.g. `vite vs webpack`, not just `bundler`) 54 | - Try searching by tag (e.g. `#typescript`) for broader discovery 55 | - Looking for people? Use their handle or full name 56 | 57 | ## What’s next 58 | 59 | We’re not done. Search is a core pillar of the daily.dev experience, and we’re constantly evolving it. Future updates will bring smarter filtering, better personalization, and even deeper integration into your developer journey. -------------------------------------------------------------------------------- /docs/key-features/upvotes.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 3 3 | description: "Learn about the Upvote and Downvote system on daily.dev, designed to enhance content quality and optimize your experience on the platform." 4 | --- 5 | 6 | # Upvotes & Downvotes 7 | 8 | Upvotes and downvotes are essential tools in community-driven products, allowing users to express approval or disapproval for a post. This voting system promotes quality content, pushing the best to the forefront, while helping daily.dev refine its recommendation engine to serve users better. 9 | 10 | :::info 11 | Keep in mind that you can only select either upvote or downvote for a post—not both. This ensures the integrity and accuracy of our voting system. 12 | ::: 13 | 14 | ## Upvoting in daily.dev 👍 15 | 16 | On daily.dev, upvotes are a fantastic way to acknowledge the quality of posts, show support, and express appreciation for the work of others. Here’s why upvoting is highly encouraged: 17 | 18 | 1. It helps the feed algorithm understand community-approved content, enabling us to show the most interesting posts to our community. 19 | 2. It gives recognition to content creators for their hard work. 20 | 3. It signals to other community members that a post is engaging, saving them time in finding valuable content. 21 | 22 | ## Downvoting in daily.dev 👎 23 | 24 | Downvotes indicate that you didn’t find a post helpful or interesting. Here’s why downvoting is important: 25 | 26 | 1. It provides feedback that enhances our recommendation engine, improving your experience on daily.dev. 27 | 2. Although downvote counts are private and not visible to others, each downvote impacts the post’s ranking in the feed. 28 | 3. After downvoting, you can take follow-up actions, such as [blocking the source or tags](../setting-up-your-feed/blocking-tags-sources.md) associated with the post or reporting it if you find it inappropriate or irrelevant. 29 | 30 | ## How to Upvote 31 | 32 | To upvote a post in daily.dev, click the bottom-left button (1) on the post card. Your upvote will contribute to the community’s feedback, showing appreciation for quality content. 33 | 34 | ## How to Downvote 35 | 36 | To downvote a post, you can do so either on the post page itself or in the feed. Click on the more options menu for each card, then select "downvote." Note that once you downvote a post, you won’t be able to upvote it. 37 | 38 | Example of upvote and downvote options on a post card in daily.dev 39 | 40 | ## How to share a link 41 | 42 | Just click on the bottom on the left, with the 🔗 icon, and you will have the link in your clipboard! 43 | -------------------------------------------------------------------------------- /docs/monetization/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Monetization (beta)", 3 | "position": 70 4 | } 5 | -------------------------------------------------------------------------------- /docs/monetization/cores.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 0 3 | description: "Learn how Cores, the in-app currency on daily.dev, let developers reward content, support creators, and unlock future features in the developer economy." 4 | --- 5 | 6 | # Cores 7 | 8 | ## What are Cores 9 | 10 | Cores are the official in-app currency on daily.dev. They power a community-driven economy where developers support each other, reward high-quality content, and help surface ideas that matter. 11 | 12 | Cores aren’t just symbolic, they’re a way to show appreciation that holds real weight. Every time you give or receive them, you’re helping build a more generous and value-based developer network. 13 | 14 | :::info 15 | Cores are not cash, crypto, or legal tender. They can’t be used outside daily.dev, and their value is entirely tied to the experiences and features we enable within the platform. 16 | ::: 17 | 18 | ## Why Cores matter 19 | 20 | Likes are cheap. Cores aren’t. 21 | 22 | They let you reward contributions that actually help you—whether it’s a great answer, a sharp insight, or a post that made you rethink something. The more Cores circulate, the stronger our community becomes. 23 | 24 | For creators, this opens a new path: instead of chasing clicks, they can focus on creating value—and get rewarded for it. 25 | 26 | :::tip 27 | While today Cores are used mainly for rewarding content and creators, we’re actively building new features around them—including post boosts, premium interactions, exclusive content, and more. Holding Cores today means you’re ready for everything we launch next. 28 | ::: 29 | 30 | ## How to get Cores 31 | 32 | - **Buy them** – Instantly available in your [wallet](https://app.daily.dev/wallet) or during any reward action 33 | - **Earn them** – Every time someone tips your profile or [awards your content](monetization/awards.md), you get Cores 34 | - **Grants** – In some cases, daily.dev may offer Core grants to select creators or Squad admins to reward their communities 35 | 36 | :::info 37 | All purchases of Cores are final. No refunds are provided. Double-check your bundle before purchasing. For full details, see the [Creators Terms of Service](https://daily.dev/creators-terms). 38 | ::: 39 | 40 | ## What you can do with Cores 41 | 42 | - **[Award great content](monetization/awards.md)** – Highlight standout posts and comments with stickers that show appreciation 43 | - **Tip creators directly** – Visit any user’s profile and send Cores to thank them for their impact 44 | - **[Buy more Cores](https://app.daily.dev/cores)** – Choose from flexible bundles whenever you want to top up 45 | - **[Track your activity](https://app.daily.dev/wallet)** – See your balance, rewards earned, tips sent, and full transaction history 46 | - **Unlock upcoming features** – Some features will be Core-powered in the future, including post boosts and premium interactions 47 | 48 | ![screenshot of the Cores wallet](https://daily-now-res.cloudinary.com/image/upload/v1745238986/docs/Screenshot_2025-04-21_at_15.32.14.png) 49 | 50 | *Note: A small payment processing fee may apply when buying Cores, and a 30% platform fee is applied when rewarding others. [Details](https://daily.dev/creators-terms)* 51 | 52 | Whether you're here to contribute, support others, or both—Cores are your way in. 53 | 54 | ## Good to know 55 | 56 | - **Cores never expire** – Use them now or later. They’ll stay in your wallet until you’re ready 57 | - **Not included with Plus** – Cores are sold separately and not bundled with [daily.dev Plus](../plus/plus-overview.md) 58 | - **Run out? No worries** – If you try to award or tip but don’t have enough Cores, you’ll be guided to top up instantly—no interruption to your flow 59 | - **Monetization is experimental** – In limited cases, eligible creators may be invited to cash out Cores. This feature is in beta, subject to approval, and may require ID verification. Learn more in the Creators Terms of Service 60 | 61 | ## ⚠️ Play fair, stay rewarded 62 | 63 | Cores are designed to recognize authentic, valuable contributions. Any abuse—like fake accounts, self-gifting, or spammy behavior—may result in revoked Cores or account suspension. See our [Creators Terms](https://daily.dev/creators-terms) for more details. -------------------------------------------------------------------------------- /docs/plus/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Plus", 3 | "position": 60 4 | } 5 | -------------------------------------------------------------------------------- /docs/plus/bookmark-folders.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 4 3 | description: "Organize your saved content with Bookmark Folders on daily.dev. Create, manage, and share folders for easy access and better content organization. Unlock unlimited folders and advanced features with Plus." 4 | --- 5 | 6 | # Bookmark Folders 7 | 8 | ## What Are Bookmark Folders? 9 | 10 | **Bookmark Folders** help you organize your saved posts into structured, easy-to-access categories. Whether you're a casual reader or a power user managing hundreds (or thousands) of bookmarks, this feature allows you to group and manage saved content efficiently. 11 | 12 | ## Why Use Bookmark Folders? 13 | 14 | - **Stay organized** – Group saved posts into folders for easy access and better management. 15 | - **Find content faster** – Quickly locate specific bookmarks without scrolling through endless lists. 16 | - **Unlock full control with Plus** – Create up to **100 folders** with personalized options like descriptions and emojis. 17 | - **Seamless management** – Move posts between folders, rename folders, and delete them as needed. 18 | - **Collaborate and share** – Share folders with others to collaborate or share valuable resources. 19 | 20 | ## Key Features 21 | 22 | ### Folder Creation 23 | Organize your saved posts into dedicated folders for streamlined access: 24 | - **Free users** – Save bookmarks in the default **Quick Saves** folder. You can create **one custom folder** to try the feature. 25 | - **Plus subscribers** – Unlock **folder creation** (up to 100 folders) and enjoy full control over your saved content. 26 | 27 | ### Add Descriptions and Emojis 28 | Customize folders with **descriptions** and **emojis** to make them easier to recognize at a glance. 29 | 30 | ### Moving Bookmarks 31 | Quickly reorganize saved content by moving posts between folders using the **ellipsis menu** on each bookmark. A confirmation toast will appear once the move is complete. 32 | 33 | ### Default Folder Assignment 34 | - **Plus users** – Bookmarked posts automatically save to your **last-used folder** by default. 35 | - **Free users** – Posts are saved to the **Quick Saves** section. 36 | 37 | ### Folder Management 38 | Manage your folders directly from the bookmark section: 39 | - **Rename folders** – Update folder names from the **ellipsis menu**. 40 | - **Delete folders** – Remove empty folders instantly; for folders with content, confirmation is required before deletion. 41 | - **Edit bookmarks** – Rename or move saved posts within folders for better organization. 42 | 43 | ## How It Works 44 | 45 | ### For Free Users 46 | 1. All bookmarks are automatically saved in the **Quick Saves** folder. 47 | 2. You can create **one custom folder** to try the feature. 48 | 3. To unlock unlimited folders and advanced options, upgrade to **Plus**. 49 | 50 | ### For Plus Subscribers 51 | 1. Access the **Bookmarks** section from the sidebar. 52 | 2. Click **“New Folder”** to create a dedicated folder for bookmarks. 53 | 3. Add **descriptions** and **emojis** to personalize your folders. 54 | 4. Move bookmarks between folders using the **ellipsis menu**. 55 | 5. Manage existing folders by renaming, deleting, or reorganizing saved posts. 56 | 6. Create up to **100 folders** to categorize your content without limitations. 57 | 58 | ### Managing Folders and Bookmarks 59 | - **Rename or delete folders** directly from the ellipsis menu on individual bookmark pages. 60 | - **Move posts between folders** with the **Move to** option and receive a confirmation toast after completing the action. 61 | 62 | ## Free vs. Plus Access 63 | 64 | | Feature | Free Users | Plus Subscribers | 65 | |-------------------------|------------------|------------------| 66 | | Number of Folders | 1 default folder | Up to 100 custom folders | 67 | | Add Descriptions/Emojis | ❌ | ✅ | 68 | | Move Bookmarks | ❌ | ✅ | 69 | | Default Folder Saving | ❌ (Quick Saves only) | ✅ (Last-used folder) | 70 | | Read It Later | ✅ | ✅ | 71 | | Folder Management | Basic | Full control | 72 | 73 | **Bookmark Folders** offer a simple, powerful way to keep your saved content organized and easy to access—especially for users with large bookmark collections. Upgrade to **Plus** for the full experience and unlock advanced organizational tools tailored for power users. -------------------------------------------------------------------------------- /docs/plus/clickbait-shield.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 3 3 | description: "Clickbait Shield on daily.dev uses AI to optimize post titles by removing clickbait, improving clarity, and eliminating promotional language. Available exclusively for Plus subscribers, it delivers a cleaner, more informative reading experience." 4 | --- 5 | 6 | # Clickbait Shield 7 | 8 | ![Clickbait Shield cover image](https://daily-now-res.cloudinary.com/image/upload/v1740315001/docs/jGrf9xJUD.jpg) 9 | 10 | ## What Is Clickbait Shield? 11 | 12 | **Clickbait Shield** is an AI-powered feature that automatically optimizes post titles by removing clickbait, improving clarity, and eliminating overly promotional language. It refines titles across your feed so you can quickly identify the most relevant content—making your reading experience faster, clearer, and more trustworthy. 13 | 14 | Available exclusively for **Plus** subscribers, Clickbait Shield ensures every title you see is accurate, informative, and aligned with the actual content of the post. 15 | 16 | ## Why Use Clickbait Shield? 17 | 18 | - **Skip misleading titles** – Eliminate clickbait and focus on valuable content. 19 | - **Find what matters faster** – Clear, concise titles help you assess relevance at a glance. 20 | - **Stay in control** – Easily toggle the feature on or off based on your preferences. 21 | - **Enjoy unlimited enhancements with Plus** – See optimized titles across your entire feed. 22 | 23 | ## How Does the AI Work? 24 | 25 | Clickbait Shield runs seamlessly in the background, analyzing every new post on daily.dev. The AI enhances titles by making them: 26 | - **More accurate** – Aligned with the content of the post. 27 | - **Clear and concise** – Easy to understand at a glance. 28 | - **Neutral** – Free from unnecessary hype or bias. 29 | 30 | ## Key Features 31 | 32 | ### AI-Enhanced Titles 33 | Clickbait Shield automatically improves post titles by: 34 | - **Removing clickbait** – Strips out exaggerated or misleading phrasing. 35 | - **Improving clarity** – Makes titles more direct and informative. 36 | - **Adjusting length** – Shortens overly long titles or expands overly brief ones for readability. 37 | - **Neutralizing promotional language** – Cuts out unnecessary hype and sales-driven tones. 38 | 39 | ### Title Enhancement Indicators 40 | An icon highlights posts where a title has been optimized. As a **Plus subscriber**, enhancements are automatically applied across all posts in your feed. 41 | 42 | ### Customizable Experience 43 | - **Plus users** – Toggle **Clickbait Shield** on or off anytime from the **Feed Settings** for full control over your reading experience. 44 | 45 | ### Original vs. Enhanced Comparison 46 | Compare the original and optimized versions of titles directly from your feed, so you can see exactly how Clickbait Shield improves content clarity and relevance. 47 | 48 | ## How It Works 49 | 50 | ### For Plus Subscribers 51 | 1. Access **Feed Settings** , got to **AI Superpowers** and toggle **Clickbait Shield** on or off. 52 | 2. See enhanced titles automatically applied across all posts. 53 | 3. Use the comparison feature to view original and optimized versions directly from the feed. 54 | 4. Enjoy unlimited title enhancements for a distraction-free reading experience. 55 | 56 | ## Free vs. Plus Access 57 | 58 | | Feature | Free Users | Plus Subscribers | 59 | |--------------------------|-------------------|------------------| 60 | | Title Enhancements | ❌ | Unlimited | 61 | | Automatic Title Updates | ❌ | ✅ | 62 | | Original vs. Enhanced Comparison | ❌ | ✅ | 63 | | Customization Options | ❌ | Full control | -------------------------------------------------------------------------------- /docs/plus/custom-feeds.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 2 3 | description: "Advanced Custom Feeds on daily.dev give you complete control over your content. Create unlimited feeds, apply powerful filters, block distractions, and personalize your reading experience. Available exclusively for Plus subscribers." 4 | --- 5 | 6 | # Advanced Custom Feeds 7 | 8 | ![custom feeds cover image](https://daily-now-res.cloudinary.com/image/upload/v1740315000/docs/8Y8Q6dhu2.jpg) 9 | 10 | ## What Are Advanced Custom Feeds? 11 | 12 | **Advanced Custom Feeds** allow you to personalize your daily.dev experience like never before. Create multiple custom feeds, apply advanced filters, and curate content based on your specific interests. Available exclusively for **Plus** subscribers, this feature helps you **filter noise, refine your reading experience, and surface the most relevant content with precision**. 13 | 14 | ## Why Use Advanced Custom Feeds? 15 | 16 | - **Curate your experience** – Build multiple feeds based on topics, tools, or interests. 17 | - **Prioritize what matters** – Fine-tune feeds with advanced filtering options. 18 | - **Declutter your reading** – Block unwanted content and focus on high-value posts. 19 | - **Customize your main feed** – Set a custom feed as your default for quick access. 20 | 21 | ## Key Features 22 | 23 | ### Unlimited Feed Creation 24 | **Plus** subscribers can create multiple **custom feeds**, each tailored to a specific interest, technology, or workflow. Free users have access to only one basic feed but can unlock **unlimited feeds** by upgrading. 25 | 26 | ### Advanced Feed Settings 27 | Fine-tune your feeds with **powerful filtering options**: 28 | 29 | - **Tags Tab** – Add, remove, or explore suggested tags to refine your feed. 30 | - **Filters Tab** – Sort posts by **date, popularity, or visibility**. 31 | - **AI Tab** – Enable features like **Clickbait Shield** to clean up misleading titles. 32 | - **Block Tab** – Remove distractions by **blocking specific sources, tags, or users**. 33 | 34 | ### Precision Filtering and Content Control 35 | - **Source Selection** – Include or exclude specific content sources. 36 | - **Content Type** – Filter by format (articles, videos, tutorials). 37 | - **Time Range** – Filter content by recency (e.g., “last week” or “last month”). 38 | - **Blocked Words** – Automatically filter out posts containing unwanted keywords. 39 | - **Sorting Options** – Sort feeds by popularity, date, upvotes, or comments. 40 | - **Engagement Filter** – Choose whether to **hide or show** previously viewed posts. 41 | - **Language Selection** – Set preferred content languages for each feed. 42 | - **Author Selection** – Include or exclude posts from specific authors. 43 | 44 | ### Custom Feed Defaults 45 | Set any **custom feed as your default**, ensuring the first thing you see on daily.dev is **exactly what you want to read**. 46 | 47 | ## How It Works 48 | 49 | ### For Free Users 50 | 1. Open the **Custom Feeds** section in your sidebar. 51 | 2. Explore available feed settings. 52 | 3. To create a new feed, upgrade to **Plus**. 53 | 54 | ### For Plus Subscribers 55 | 1. Access the **Custom Feeds** section from your sidebar. 56 | 2. Click **“+ Custom Feed”** to create a new feed. 57 | 3. Personalize it with **tags, filters, and AI-driven options**. 58 | 4. Set your favorite feed as **default** for a **tailored experience**. 59 | 60 | ## Free vs. Plus Access 61 | 62 | | Feature | Free Users | Plus Users | 63 | |----------------------|------------|------------| 64 | | Number of Feeds | 1 basic feed (legacy users only) | Unlimited feeds | 65 | | Advanced Filters | ❌ | ✅ | 66 | | AI-Driven Enhancements | ❌ | ✅ | 67 | | Custom Feed as Default | ❌ | ✅ | 68 | | Block Words, Sources, and Users | ❌ | ✅ | 69 | | Set Language Preferences | ❌ | ✅ | 70 | 71 | Advanced Custom Feeds give you **unmatched flexibility and precision**, ensuring you see only the content that **matters most**. -------------------------------------------------------------------------------- /docs/plus/keyword-filters.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 5 3 | description: "Keyword Filters on daily.dev let you block posts containing specific words or phrases for a cleaner, more focused feed. Available exclusively for Plus subscribers, this feature helps you eliminate distractions and customize your content experience." 4 | --- 5 | 6 | # Keyword Filters 7 | 8 | ## What Are Keyword Filters? 9 | 10 | **Keyword Filters** allow you to block posts containing specific words or phrases, giving you complete control over the content in your daily.dev feed. This feature helps you eliminate irrelevant, repetitive, or distracting topics, making your feed more focused and personalized. 11 | 12 | Available exclusively for **Plus** subscribers, Keyword Filters let you customize your reading experience and remove unnecessary noise—so you can concentrate on content that truly matters. 13 | 14 | ## Why Use Keyword Filters? 15 | 16 | - **Filter out unwanted content** – Automatically block posts containing words you don’t want to see. 17 | - **Stay focused** – Remove distractions and keep your feed relevant to your interests. 18 | - **Customize your feed** – Gain full control over your content experience. 19 | - **Exclusive for Plus** – Enjoy advanced filtering options and unlimited customization. 20 | 21 | ## Key Features 22 | 23 | ### Block Specific Words or Phrases 24 | - Block any word or phrase, ensuring posts with unwanted content never appear in your feed. 25 | - Add multiple words at once by separating them with commas. 26 | 27 | ### Manage Your Blocked Words List 28 | - View and manage all your blocked words directly from the **Blocked** tab in your feed settings. 29 | - Remove any blocked word by clicking the **"X"** next to it. 30 | 31 | ### Seamless Integration with Feed Settings 32 | - Easily access **Keyword Filters** from your feed settings for quick customization. 33 | - Combine with existing features like tag and source blocking for a fully personalized experience. 34 | 35 | ### Plus-Exclusive Access 36 | - **Free users** – See the feature in your settings but with clear messaging that it’s exclusive to **Plus** subscribers. 37 | - **Plus subscribers** – Enjoy full access to the Keyword Filters and block as many words as needed for a distraction-free experience. 38 | 39 | ## How It Works 40 | 41 | ### For Plus Subscribers 42 | 1. Go to your **Feed Settings** and click on the **Blocked content** tab. 43 | 2. Type the words or phrases you want to block and press **Enter** to add them. 44 | 3. Add multiple words at once by separating them with commas. 45 | 4. Review your blocked words in the list and remove any by clicking the **"X"** button. 46 | 47 | ## Free vs. Plus Access 48 | 49 | | Feature | Free Users | Plus Subscribers | 50 | |--------------------------|-------------------|------------------| 51 | | Add Blocked Words | ❌ | ✅ | 52 | | Manage Blocked Words | ❌ | ✅ | 53 | | Remove Blocked Words | ❌ | ✅ | 54 | | Access from Feed Settings| View Only | Full Access | -------------------------------------------------------------------------------- /docs/plus/plus-overview.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 0 3 | description: "Upgrade to daily.dev Plus for a distraction-free developer experience. Get AI-powered clean titles, custom feeds, bookmark folders, keyword filters, and an ad-free reading environment. Stay focused and streamline your learning." 4 | --- 5 | 6 | # Plus Overview 7 | 8 | ![daily.dev Plus cover image](https://daily-now-res.cloudinary.com/image/upload/v1740314886/docs/daily.dev_Plus_-_Default.png) 9 | 10 | ## What is daily.dev Plus? 11 | 12 | [daily.dev Plus](https://app.daily.dev/plus) is the premium upgrade for developers who want a cleaner, smarter, and more focused reading experience. Get advanced tools to filter distractions, personalize your feed, and streamline your learning—so you can spend less time sorting through content and more time gaining insights. 13 | 14 | ## What's included? 15 | 16 | ### Smart Prompts - Run prompts on any post 17 | 18 | Make any post interactive. Ask AI to simplify concepts, challenge ideas, compare alternatives, or create custom prompts to explore topics from different angles. 19 | 20 | - Learn faster by breaking down complex ideas 21 | - Think critically by testing different perspectives 22 | - Customize your learning with AI-driven insights 23 | 24 | 👉 [Learn how to use smart prompts](plus/smart-prompts.md) 25 | 26 | ### Advanced custom feeds 27 | 28 | Take control of your content with laser-focused feeds tailored to your interests. Whether you follow specific tools, languages, or topics, custom feeds help you surface what matters most—without the noise. 29 | 30 | - Save time by skipping irrelevant content 31 | - Stay ahead with a personalized stream of knowledge 32 | - Dive deep into niche topics without distractions 33 | 34 | 👉 [Create your first custom feed](plus/custom-feeds.md) 35 | 36 | ### Clickbait Sheild - AI-powered clean titles 37 | 38 | No more clickbait or misleading headlines. AI rewrites titles so you see the real story before clicking, making it easier to find high-value content without wasting time. 39 | 40 | - Avoid distractions and focus on useful articles 41 | - See accurate titles that reflect real content 42 | - Make informed choices before clicking 43 | 44 | 👉 [See how clickbait shield works](plus/clickbait-shield.md) 45 | 46 | ### Bookmark folders 47 | 48 | Save and organize your favorite posts into custom folders so you can always find what you need, exactly when you need it. 49 | 50 | - Effortlessly organize saved articles by topic 51 | - Quickly retrieve key resources for future reference 52 | - Build your own knowledge library 53 | 54 | 👉 [Start organizing your bookmarks](plus/bookmark-folders.md) 55 | 56 | ### Ad-free experience 57 | 58 | No ads. No clutter. Just pure content. Enjoy a cleaner, distraction-free feed where you can focus on learning and discovery. 59 | 60 | - Stay immersed without interruptions 61 | - Read faster without unnecessary clutter 62 | - Enjoy a premium experience built for deep focus 63 | 64 | ### Keyword filters 65 | 66 | Mute the buzzwords and topics you don’t care about. Customize your feed by automatically filtering out content that isn’t relevant to you. 67 | 68 | - Eliminate noise and focus on what matters 69 | - Reduce frustration by avoiding overhyped topics 70 | - Streamline your reading with tailored content 71 | 72 | 👉 [Set up your keyword filters](plus/keyword-filters.md) 73 | 74 | ### Auto-translate your feed (coming soon) 75 | 76 | Read in your preferred language with automatic translations for post titles and summaries, making it easier to access global knowledge. 77 | 78 | - Break language barriers and expand your learning 79 | - Discover new sources without limitations 80 | - Stay informed no matter the language 81 | 82 | ## Still not on Plus? 83 | 84 | daily.dev Plus gives you more control, clarity, and customization—so you can focus on what truly matters. 85 | 86 | 👉 [Upgrade to daily.dev Plus](https://app.daily.dev/plus) -------------------------------------------------------------------------------- /docs/plus/smart-prompts.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 1 3 | description: "Smart Prompts on daily.dev let you chat with posts using AI. Summarize, challenge, compare, or customize insights instantly. Upgrade to Plus for unlimited access and a more interactive reading experience." 4 | --- 5 | 6 | # Smart Prompts 7 | 8 | ![Smart Prompts cover image](https://daily-now-res.cloudinary.com/image/upload/v1740315025/docs/IBaUq4yee.webp) 9 | 10 | ## What Are Smart Prompts? 11 | 12 | **Smart Prompts** let you interact with posts using AI to extract insights, challenge ideas, and break down complex topics. Whether you need a **summary, practical steps, a comparison**, or want to **run your own custom prompt**, Smart Prompts help you **consume content more efficiently**. 13 | 14 | ## Why Use Smart Prompts? 15 | 16 | - **Summarize faster** – Get instant key takeaways without skimming. 17 | - **Go deeper** – Challenge ideas, compare alternatives, or get actionable steps. 18 | - **Customize interactions** – Ask AI specific questions tailored to your needs. 19 | 20 | ## Key Features 21 | 22 | ### Pre-Filled Prompts 23 | Smart Prompts offer **ready-made AI interactions** to help you engage with content effectively. Just hover over a prompt to see what it does, then click to run it. 24 | 25 | Available prompts include: 26 | - **Simplify It** – Break down complex ideas into simple terms. 27 | - **Remove Fluff** – Get a concise version of the post. 28 | - **Challenge This** – Ask AI to critique the post’s argument. 29 | - **Practical Examples** – See real-world applications of the content. 30 | - **Actionable Steps** – Turn insights into steps you can take. 31 | - **Skills Needed** – Identify the skills relevant to the topic. 32 | - **Compare Alternatives** – See how the topic stacks up against similar concepts. 33 | - ⚡️ **Run Your Own Prompt** – Type your own custom AI query. 34 | 35 | ![snippet](https://daily-now-res.cloudinary.com/image/upload/v1740315075/docs/content_e70d7a0b-fedc-491e-9aa1-91763f8077c6.webp) 36 | 37 | ### Custom Prompts 38 | For more control, create **custom AI prompts** tailored to your needs. 39 | Examples: 40 | - *“Explain this to me like I’m five.”* 41 | - *“Describe this from a product manager’s perspective.”* 42 | 43 | ### AI-Powered Chat With Posts 44 | Beyond just a **TL;DR summary**, Smart Prompts now allow you to **chat with posts using AI** and interact with content in a conversational way. Ask **follow-up questions**, challenge the material, or request a breakdown in a way that suits you best. 45 | 46 | ## How It Works 47 | 48 | 1. Open any post. 49 | 2. Find the **Smart Prompts** below the content. 50 | 3. Hover over a prompt to see what it does. 51 | 4. Click to run it. 52 | 5. For **custom prompts**, click **"+"** and type your request. 53 | 54 | Responses are **saved even if you reload the page**, so you won’t lose generated content. 55 | 56 | ![Example of how smart prompts look like inside a post page](https://daily-now-res.cloudinary.com/image/upload/v1740315076/docs/content_df37719d-03a8-4f1e-90e1-0355cd8d2ae6.webp) 57 | 58 | ## Free vs. Plus Access 59 | 60 | | Feature | Free Users | Plus Users | 61 | |----------------------|------------|------------| 62 | | Pre-Filled Prompts | One free try per prompt | Unlimited access | 63 | | Custom Prompts | One free try | Unlimited access | 64 | | Last Used Prompt Saved | ❌ | ✅ | 65 | | Toggle Individual Prompts | ❌ | ✅ (Under “AI Super Powers” in Settings) | 66 | | Automatic TL;DR | ✅ | ✅ | 67 | 68 | ## Who Can Benefit? 69 | 70 | - **Fast Learners** – Get key insights in seconds. 71 | - **Critical Thinkers** – Challenge arguments and explore different viewpoints. 72 | - **Decision Makers** – Compare alternatives and get practical recommendations. 73 | 74 | Smart Prompts take **AI-driven learning to the next level**, making your reading experience more **efficient, interactive, and tailored to your needs**. -------------------------------------------------------------------------------- /docs/setting-up-your-feed/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Setting up your feed", 3 | "position": 20 4 | } -------------------------------------------------------------------------------- /docs/setting-up-your-feed/filtering-content-feed.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 1 3 | description: "Create a personalized feed on daily.dev, tailored to your interests with tag categories and advanced filtering options." 4 | --- 5 | 6 | # Creating a Personal Feed 7 | 8 | Welcome to daily.dev's personal feed feature called "My Feed"! With our personal feed, you can customize the content you see, making sure it's tailored to your interests. Here's a simple guide on how to create your own personal feed. 9 | 10 | ## Step 1: Choose Tag Categories 11 | 12 | Tag categories are the building blocks of your personal feed. They help you specify the topics and types of content you want to see in your feed. During the onboarding process, you'll be prompted to choose from a list of tag categories that might be relevant to your interests. Don't worry if you're not sure what tags to choose initially, as you can always fine-tune them later. 13 | 14 | Tag selection interface during onboarding, highlighting options for content customization 15 | 16 | ## Step 2: Sign Up 17 | 18 | Once you've selected your tag categories, it's time to sign up for an account. Simply follow the on-screen instructions to create your profile. By signing up, you'll have access to additional features such as bookmarking posts, customizing settings, and syncing your feed across multiple devices. 19 | 20 | ## Step 3: Fine-Tune Your Tags 21 | 22 | After signing up, you can further customize your personal feed by fine-tuning your tag categories. You can easily add or remove tags based on your changing interests or preferences. This way, you can ensure that the content you see in your feed is always relevant and up-to-date. 23 | 24 | To access this menu, hit the "My Feed" button located above the first card on your feed. 25 | 26 | Tag selection menu for adjusting and refining tag categories 27 | 28 | ## Step 4: Explore Advanced Filtering Settings 29 | 30 | In addition to tag categories, daily.dev offers advanced filtering settings to help you refine your personal feed even further. You can adjust settings such as content types (e.g., non-editorial content, newsletters, product launches, etc.), and more. These advanced filtering options allow you to have more control over the content that appears in your feed, ensuring it meets your specific needs. 31 | 32 | See the next page for more info about advanced filtering. 33 | -------------------------------------------------------------------------------- /docs/setting-up-your-feed/image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dailydotdev/docs/e4364a78d0debe5e125fb4ddd065dbfb8b76cbba/docs/setting-up-your-feed/image.png -------------------------------------------------------------------------------- /docs/squads/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Squads", 3 | "position": 50 4 | } 5 | -------------------------------------------------------------------------------- /docs/squads/creating-your-squad.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 0 3 | description: "Learn how to create your own developer-focused Squad on daily.dev. Customize, invite members, and foster a collaborative community." 4 | --- 5 | 6 | # Creating Your Squad 7 | 8 | ![A cover image for squads](https://daily-now-res.cloudinary.com/image/upload/v1690467943/docs/Update%20July%202023/-_Private_squads_v3_2.png) 9 | 10 | ## What is a Squad? 11 | 12 | A Squad is a developer-focused group where members can come together to learn, interact, and engage on topics that matter to them. Think of Squads as tailored online communities specifically for developers. Squads facilitate knowledge sharing, discussions, and peer interactions, making them ideal for teams, projects, communities, or niche interests. 13 | 14 | A Squad can be **Public** or **Private**: 15 | - **Public Squads**: Open to all developers and discoverable in the Squad Directory. Public Squads enjoy additional benefits like wider exposure and being featured in categories. 16 | - **Private Squads**: Invite-only, ensuring more controlled membership. 17 | 18 | ## Key Features of Squads 19 | 20 | Squads offer several interactive features to create an engaging experience: 21 | 22 | ✨ **Create a Squad**: Customize your Squad with a unique name, handle, image, description, and select a category for Public Squads. 23 | 24 | ✨ **Invite Members**: Bring in developers to discuss, share resources, and collaborate. 25 | 26 | ✨ **Post & Share Content**: Depending on settings, posting can be open to everyone or restricted to moderators. Enjoy full Markdown compatibility for rich discussions. 27 | 28 | ✨ **Moderation Tools**: As an admin, you have tools to manage posts, comments, and member interactions. 29 | 30 | ✨ **Integrate with Work Tools**: Kickstart collaboration by integrating your Squad with work-related tools, such as Slack. This makes setup seamless and enables stronger team alignment. 31 | 32 | ## How to Create a Squad 33 | 34 | Starting a Squad is easy. Follow these steps: 35 | 36 | 1. **Start a New Squad**: In the left sidebar, click the "New Squad" button or find it in the Directory. 37 | 2. **Name Your Squad**: Choose a name and handle that captures the focus of your Squad. 38 | 3. **Add an Image**: Upload a profile image for your Squad, such as a logo or icon. 39 | 4. **Write a Description**: Explain the theme, objectives, and member expectations for your Squad. 40 | 5. **Select a Category** *(Public Squads Only)*: Choose a category that best fits your Squad from options like Languages, Web, AI, Career, and more. 41 | 42 | :::tip 43 | The most active Squads have engaged members. Encourage contributions, discussions, and sharing. Leverage daily.dev’s netowrk to build a valuable developer community. 44 | ::: 45 | 46 | ## Squad Visibility: Private vs. Public 47 | 48 | When creating a Squad, select the desired visibility: 49 | 50 | 1. **Private Squads**: Accessible only by invite, with content visible only to members. 51 | 2. **Public Squads**: Open and discoverable in the Squads Directory, allowing developers to join freely. 52 | 53 | Public Squads must select a category during setup. Categories like Web, Mobile, AI, and Fun help users discover Squads that align with their interests. 54 | 55 | Good luck! We can’t wait to see your community thrive ✨ -------------------------------------------------------------------------------- /docs/squads/featured-squads.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 4 3 | description: "Learn how to get your Public Squad featured on the daily.dev Squads Directory. Increase visibility and engagement with editorial selection tips." 4 | --- 5 | 6 | # Getting Featured on the Squads Directory 7 | 8 | ![Squads Directory Feature](https://github.com/user-attachments/assets/fb28a405-1c0d-45f8-a8a2-6cfa278ce84e) 9 | 10 | The [Squads Directory](https://app.daily.dev/squads) on daily.dev is a curated space where community members can discover new and engaging Public Squads. Being featured in the directory significantly boosts your Squad's visibility and membership. If you have a Public Squad and aim to expand its reach, the directory is the perfect place to grow. 11 | 12 | ## How to Get Featured in the Directory 13 | 14 | Public Squads are automatically added to the Squads Directory once they are created and as long as they are well-maintained, but being featured in the directory is reserved for top-performing, high-quality Squads that meet specific criteria. 15 | 16 | ### Tips for Increasing Your Chances of Being Featured 17 | 18 | 1. **Choose the Right Category**: Make sure your Squad is placed in the most relevant category during setup (e.g., Languages, Web, AI). Choosing the right category helps your Squad reach the right audience. 19 | 20 | 2. **Optimize Your Metadata**: 21 | - **Squad Image**: Use an eye-catching and relevant image for your Squad. 22 | - **Description**: Write a clear and compelling description that highlights your Squad’s value and purpose. 23 | - **Engaging Title**: Use a concise and descriptive title that attracts interest. 24 | 25 | 3. **Post High-Quality Content**: 26 | - Share meaningful and engaging posts consistently. 27 | - Curate tutorials, articles, and videos relevant to your community’s interests. 28 | - Use Markdown to format content professionally. 29 | 30 | 4. **Foster Active Engagement**: 31 | - Encourage members to participate in discussions and post content. 32 | - Engage with members by responding to comments and sharing feedback. 33 | 34 | 5. **Grow Your Membership**: 35 | - Actively invite developers who would benefit from your Squad. 36 | - Promote your Squad through external channels like social media or your Slack workspace. 37 | 38 | 6. **Maintain Compliance**: 39 | - Follow daily.dev’s content guidelines. 40 | - Approve only high-quality, non-spammy posts. 41 | - Monitor and report inappropriate content or behavior to keep your community safe. 42 | 43 | ## Benefits of Being Featured 44 | 45 | Featured Squads gain several advantages that help them grow faster: 46 | 47 | - **Increased Visibility**: Featured Squads are prominently displayed in the directory, making them more discoverable. 48 | - **Credibility Boost**: The "Featured" badge signals quality and authority, encouraging more developers to join. 49 | - **Engagement Opportunities**: Featured Squads often attract more active members, driving richer discussions and interactions. 50 | 51 | ## Directory Categories 52 | 53 | The directory organizes Squads into categories to help developers find communities aligned with their interests. Categories include: 54 | 55 | | **Category** | **Examples** | 56 | |-----------------------|-----------------------------------------------| 57 | | **Featured** | Editor’s choice for top Squads. | 58 | | **Languages** | JavaScript, Python, Rust. | 59 | | **Web** | React, Tailwind, Node.js. | 60 | | **Mobile** | Flutter, Swift, Kotlin. | 61 | | **DevOps & Cloud** | Kubernetes, AWS, Terraform. | 62 | | **AI** | OpenAI, TensorFlow, GPT Models. | 63 | | **Games** | Unity, Unreal Engine, Indie Game Design. | 64 | | **DevTools** | GitHub Actions, Postman, Sentry. | 65 | | **Career** | Leadership tips, job search, mentorship. | 66 | | **Open Source** | OSS maintainers, Git practices, contributions.| 67 | | **DevRel** | Community management, developer advocacy. | 68 | | **Fun** | Memes, programming jokes, off-topic topics. | 69 | 70 | ## Reporting Inappropriate Squads 71 | 72 | To maintain a high-quality directory, we encourage users to report any inappropriate or non-compliant Squads. Reports are reviewed by the daily.dev moderation team, ensuring that only safe, high-value communities remain listed. 73 | 74 | For any questions about the Squads Directory or how to improve your chances of being featured, feel free to contact us at [advocacy@daily.dev](mailto:advocacy@daily.dev). 75 | 76 | By focusing on high-quality content and meaningful engagement, your Squad could become one of the standouts in the Squads Directory. 🚀 -------------------------------------------------------------------------------- /docs/squads/growing-your-squad.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 1 3 | description: "Learn effective strategies for growing your Squad on daily.dev, including post management, inviting members, and transitioning to Public status." 4 | --- 5 | 6 | # Growing Your Squad 7 | 8 | ## Managing Posts 9 | 10 | In a Squad, posts are essential for sparking discussion and engagement. They provide a space for you and your members to share valuable content and initiate meaningful conversations. 11 | 12 | ## Creating a Post 13 | 14 | 1. **Create a New Post**: Inside your Squad, click on the "New Post" button. 15 | 2. **Add Content**: Write a post from scratch or share links from the daily.dev feed or external sources. Add a title and description to give context to your members. 16 | 3. **Post**: Click "Post" to share your content with the Squad. 17 | 18 | :::tip 19 | Both posts and comments support full Markdown, allowing you to format text, add code snippets, and more. 20 | ::: 21 | 22 | ## Sharing Posts from the Feed 23 | 24 | ![New post from feed option](https://daily-now-res.cloudinary.com/image/upload/v1690470252/docs/Update%20July%202023/Post_to_Squads_from_your_feed_.png) 25 | 26 | Sharing interesting posts from the daily.dev feed to your Squad is a great way to spark discussions: 27 | 28 | 1. Navigate to the daily.dev feed. 29 | 2. Find a post you’d like to share with your Squad. 30 | 3. Click on the "Share" icon. 31 | 4. Choose the Squad you want to share the post with. 32 | 5. Add your commentary and hit "Post." 33 | 34 | :::tip 35 | You can also use our 1-click share feature. When you're on the post page, you'll see all your Squads on the right side of the page. Click the Squad icon to share the post directly. 36 | ::: 37 | 38 | ## Commenting on a Post 39 | 40 | Keep the conversation going by adding comments to posts: 41 | 42 | 1. **Select a Post**: Click on the post you want to comment on. 43 | 2. **Write a Comment**: At the bottom of the post, you’ll find a comment box. Share your thoughts, questions, or insights. 44 | 3. **Post Your Comment**: Click "Post Comment" to add your input to the discussion. 45 | 46 | By actively creating posts and engaging in discussions, you can cultivate an active and vibrant community in your Squad. 47 | 48 | ## Inviting People to Your Squad 49 | 50 | Building your Squad starts with inviting other developers to join: 51 | 52 | 1. **Access Your Squad**: Navigate to your Squad from the left sidebar. 53 | 2. **Invite Developers**: Click the "Copy invitation link" button to copy your invitation link. 54 | 3. **Send Invitations**: Share your invitation link via email, messaging apps, or social media. 55 | 56 | :::info 57 | Encourage members to invite peers who may be interested in your Squad’s topics to grow your community. 58 | ::: 59 | 60 | ## The New Squads Directory 61 | 62 | Public Squads are now automatically added to the [Squads Directory](https://app.daily.dev/squads), a curated space where developers can discover communities that align with their interests. 63 | 64 | ### Categories in the Directory 65 | 66 | When creating a Public Squad, you must select a category that fits your Squad's theme. Categories include: 67 | - **Featured**: Editor’s choice for top Squads on the platform. 68 | - **Languages**: Programming language-specific communities. 69 | - **Web, Mobile, DevOps & Cloud, AI, Games**: Development-focused categories. 70 | - **DevTools**: Squads by or for developer tools companies. 71 | - **Career**: Topics around career growth, leadership, and skills development. 72 | - **Open Source, DevRel, Fun**: Specialized communities for unique developer interests. 73 | 74 | ### Tips for Gaining Visibility in the Directory 75 | 76 | To improve your chances of being featured in the directory: 77 | 1. **Optimize Your Metadata**: Add an engaging image, clear description, and select the most relevant category. 78 | 2. **Grow Membership**: Invite members to join and participate actively. 79 | 3. **Post Consistently**: Regular high-quality posts boost engagement and visibility. 80 | 81 | ## Building an Engaged Community 82 | 83 | An active Squad is key to growth. By regularly posting, approving member contributions, and sparking discussions, your Squad can become a vibrant hub for developers. 84 | 85 | Good luck with growing your Squad! 🚀 -------------------------------------------------------------------------------- /docs/squads/moderating-your-squad.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 2 3 | description: "Learn essential moderation tools and permissions management to effectively run and grow your Squad on daily.dev." 4 | --- 5 | 6 | # Moderating Your Squad 7 | 8 | ## Admin, Moderation, and Privacy Settings 9 | 10 | As a Squad admin, you have various tools and settings to help manage your Squad effectively. These tools enable you to foster a respectful and engaging environment for your members. 11 | 12 | :::info 13 | Note: The tools described here are foundational for Squad management. We’re actively developing advanced moderation options to support even more effective community management. 14 | ::: 15 | 16 | ## Key Moderation Features 17 | 18 | ✨ **Post Approval**: Public Squads allow all members to post by default, but admins and moderators must approve posts before they go live. This ensures content aligns with your Squad’s code of conduct and quality expectations. 19 | 20 | ✨ **Content Moderation**: Admins can delete posts and comments that violate guidelines to maintain a healthy discussion environment. 21 | 22 | ✨ **User Management**: Block users who repeatedly violate guidelines, and reverse the action if necessary. 23 | 24 | ✨ **Role Assignments**: Assign roles such as moderators or admins to trusted members to distribute management responsibilities. 25 | 26 | ✨ **Reporting and Feedback**: Members can now report inappropriate Squads or posts. Reported content is reviewed by the daily.dev moderation team to maintain a safe and inclusive platform. 27 | 28 | ## Managing Posts 29 | 30 | ### Approving and Declining Posts 31 | 32 | Public Squads have default settings where all members can post, but posts require admin or moderator approval. 33 | 34 | 1. **Approve or Decline Posts**: Review posts in the approval queue. 35 | 2. **Decline with Feedback**: Provide a reason for declining posts to help the author improve. 36 | 3. **Re-approval for Edits**: Posts must be re-approved after edits to prevent bypassing the moderation process. 37 | 38 | ### Deleting Posts and Comments 39 | 40 | 1. **Navigate to the Content**: Find the post or comment you need to delete. 41 | 2. **Select "Delete"**: Use the options menu to remove the content permanently. Confirm the action in the pop-up window. 42 | 43 | ### Blocking Users 44 | 45 | If a member repeatedly violates guidelines: 46 | 1. **Find the User**: Locate the user in the member list. 47 | 2. **Select "Block"**: This removes them from the Squad and prevents rejoining. 48 | 3. **Unblock if Necessary**: You can reverse this action through the member list. 49 | 50 | ## Managing Permissions 51 | 52 | Control member actions through the "Permissions" section in your Squad settings: 53 | - **Posting Permissions**: Decide who can post and whether post approval is required (default for Public Squads). 54 | - **Invitation Permissions**: By default, all members can invite others to join the Squad. Adjust this if needed. 55 | - **Group Guidelines**: Create a pinned welcome post outlining the rules and expectations for members. 56 | 57 | ## Member Roles 58 | 59 | Squad members can have different roles with distinct permissions: 60 | 61 | - **Member**: Can read and write posts and comments, as allowed by permissions. 62 | - **Moderator**: Can manage posts, comments, and members following the rules set. 63 | - **Admin**: Full control over posts, comments, members, and Squad settings, including privacy and permissions. 64 | 65 | ### Managing Roles 66 | 67 | ![Promote to moderator cover image](https://daily-now-res.cloudinary.com/image/upload/v1690470250/docs/Update%20July%202023/promotomod.png) 68 | 69 | 1. **Promoting to Moderator or Admin**: Find a member in the list and select "Promote to Moderator" or "Make an Admin." 70 | 2. **Demoting Moderators**: Demote a moderator back to a member if they fail to meet responsibilities by selecting "Demote to Member." 71 | 72 | ## Privacy Settings 73 | 74 | Decide whether your Squad is Public or Private: 75 | - **Public Squads**: Open and discoverable in the Squads Directory. 76 | - **Private Squads**: Invite-only, with content visible only to members. 77 | 78 | Public Squads must comply with daily.dev’s content guidelines to maintain their visibility. 79 | 80 | ## Tips for Effective Moderation 81 | 82 | - Set clear rules and expectations in a pinned post. 83 | - Actively review and approve posts to maintain quality. 84 | - Assign trusted members as moderators to share the workload. 85 | - Regularly engage with members to foster a sense of community. 86 | 87 | Effective moderation is key to growing a vibrant, respectful, and valuable Squad. 🚀 -------------------------------------------------------------------------------- /docs/squads/slack-integration.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 5 3 | description: "Integrate Slack with daily.dev Squads to streamline updates and team communication with instant notifications for new posts." 4 | --- 5 | 6 | # Slack Integration for Squads 7 | 8 | ![Slack integration cover image](https://daily-now-res.cloudinary.com/image/upload/v1723031786/docs/Slack_integration.png) 9 | 10 | Integrate your Slack workspace with daily.dev Squads to streamline communication and keep your team updated with the latest posts. This integration makes it easier to kickstart your Squad, autofill details during setup, and ensure you never miss important updates. 11 | 12 | ## Benefits of Slack Integration 13 | 14 | - **Seamless Setup**: During Squad creation, you can integrate with Slack to automatically populate your Squad’s details like name, description, and profile image. 15 | - **Real-time Updates**: Receive instant notifications in Slack whenever new posts are published in your Squad. 16 | - **Team Collaboration**: Keep your team engaged and informed without switching platforms. 17 | - **Enhanced Productivity**: Focus on meaningful discussions while staying updated on Squad activity. 18 | 19 | ## How to Set Up Slack Integration 20 | 21 | ### During Squad Creation 22 | 23 | 1. **Choose Slack Integration**: When creating a new Squad, select the Slack integration option. 24 | 2. **Authorize Access**: Grant daily.dev access to your Slack workspace to autofill Squad details. 25 | 3. **Review and Finalize**: Confirm the Squad’s name, description, and image pre-populated from Slack. Make any additional edits as needed. 26 | 4. **Start Engaging**: Your Squad is now ready with Slack integration in place. 27 | 28 | ### Connecting an Existing Squad to Slack 29 | 30 | 1. **Go to Your Squad**: Navigate to the Squad you want to integrate with Slack. 31 | 2. **Connect to Slack**: In your Squad’s settings, locate the **"Connect to Slack"** button and click it. 32 | 3. **Authorize and Choose a Channel**: Authorize daily.dev to access your Slack workspace and select the Slack channel where you’d like to receive notifications. 33 | 4. **Start Receiving Notifications**: Once the integration is complete, you’ll begin receiving notifications in the selected Slack channel for new posts. 34 | 35 | ### Connecting a Squad to a Private Channel 36 | 37 | 1. **Manually Add the Bot to Your Private Channel**: 38 | - Open the private Slack channel where you want to receive notifications. 39 | - Manually add the daily.dev bot/app by typing `/invite @daily.dev` in the channel. 40 | 41 | 2. **Refresh Your daily.dev Page**: 42 | - After adding the bot, return to daily.dev and refresh the page. The private channel should now appear in the channel selection dropdown. 43 | 44 | 3. **Connect the Channel**: 45 | - Select the private Slack channel from the dropdown in your Squad’s settings. 46 | - Complete the connection, and you’ll start receiving notifications in your private channel. 47 | 48 | ## Managing Notifications 49 | 50 | - Notifications include details of new posts shared within your Squad. 51 | - Use Slack settings to manage how and when you receive these updates. 52 | 53 | ## Troubleshooting 54 | 55 | If you encounter issues during integration, consider the following: 56 | 57 | - Ensure you have admin rights in both the Slack workspace and the Squad. 58 | - Verify the correct Slack channel is selected for receiving notifications. 59 | - Check for any permission issues or authorization requests in Slack. 60 | 61 | ## Frequently Asked Questions 62 | 63 | **Q: Can I integrate multiple Squads with the same Slack workspace?** 64 | A: Yes, you can connect multiple Squads to the same Slack workspace by following the integration steps for each Squad individually. 65 | 66 | **Q: What types of notifications will I receive in Slack?** 67 | A: You’ll receive notifications for new posts published within your connected Squad. 68 | 69 | **Q: How do I disconnect my Squad from Slack?** 70 | A: To disconnect, go to the Squad page and click the "Remove integration" button. 71 | 72 | For further assistance, please contact our support team at [support@daily.dev](mailto:support@daily.dev). -------------------------------------------------------------------------------- /docs/your-profile/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Your profile", 3 | "position": 40 4 | } 5 | -------------------------------------------------------------------------------- /docs/your-profile/account-details.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 7 3 | description: "Learn how to personalize your daily.dev profile, configure security settings, manage notifications, and invite friends. Set up your account for a tailored experience." 4 | --- 5 | 6 | # Account Settings 7 | 8 | ## Profile Details 9 | 10 | You have the option to personalize your daily.dev profile by editing your account information. To do this, follow these simple steps: 11 | 12 | 1. Log in to your daily.dev account. 13 | 2. Click on your profile picture or avatar at the top right corner of the page to access the account dropdown menu. 14 | 3. Select "Account details" from the dropdown menu to navigate to the profile tab. 15 | 16 | On the account settings page, you can edit various personal information, including: 17 | 18 | * **Name**: Update your name to display on your daily.dev profile. 19 | * **Username**: Change your username, the unique identifier associated with your daily.dev account. 20 | * **Profile Picture**: Click on the profile picture to upload a new image from your device. 21 | * **Bio**: Add or edit a brief bio to be displayed on your profile. 22 | * **Company**: Edit the name of the company you work for. 23 | * **Job Title**: Add or edit your job title. 24 | * **Social Media Accounts**: Add links to your Twitter, GitHub profile, etc. 25 | * **Website**: Add or edit your personal website or other relevant URLs. 26 | 27 | ![Profile details menu screenshot](https://github.com/user-attachments/assets/53a4fe9e-a4c9-408d-9b75-9260a9153b11) 28 | 29 | ## Security Settings 30 | 31 | At daily.dev, we prioritize the security of your account information. You have control over various security features that allow you to safeguard your profile. Here are some available security options: 32 | 33 | 1. **Change Email Address**: Update the email associated with your account to receive important notifications and updates. 34 | 2. **Connect Social Media Auth Providers**: Connect additional social media authentication providers for added security and easy login. 35 | 3. **Remove Authorized Login Providers**: Disconnect any previously authorized login providers, giving you control over your authentication methods. 36 | 4. **Set and Change Password**: Ensure your account is protected with a strong, unique password to prevent unauthorized access. 37 | 5. **Delete Your Account**: If you wish to delete your account, this option permanently removes all associated data. [Learn more](/your-profile/deleting-your-profile.md). 38 | 39 | ![Security settings menu screenshot](https://github.com/user-attachments/assets/a2541edd-c1be-4081-aa05-4fbf4d5b07b5) 40 | 41 | ## Notification Settings 42 | 43 | Customize notifications to stay informed about important updates: 44 | 45 | 1. **Push Notifications**: Toggle push notifications to receive alerts on your device for replies, mentions, updates, and more. 46 | 2. **Email Notifications**: Manage email notifications sent to your registered email, providing updates and important information. 47 | 3. **Configure Email Notification Settings**: Choose specific types of notifications you’d like to receive. 48 | 49 | ![Notification settings menu screenshot](https://github.com/user-attachments/assets/47eb837f-19b2-4cc6-a768-2f3490b58027) 50 | 51 | ## Integration 52 | 53 | Here you can integrate daily.dev with other platforms. For now, you can connect it with Slack. 54 | 55 | ![image](https://github.com/user-attachments/assets/455c59f4-5f0b-4fe7-a876-a31e61536c7f) 56 | 57 | 58 | ## Invite Friends 59 | 60 | Invite friends to daily.dev! Click the "Copy link" button and share it via email, messaging apps, or social media. 61 | 62 | ![Invite friends option screenshot](https://github.com/user-attachments/assets/b0f28c99-8284-44bc-9e04-4767d2eed3d9) 63 | 64 | 65 | daily.dev provides additional settings to manage your time zone and newsletter subscription. 66 | 67 | 1. **Time Zone**: Adjust your time zone to align weekly goal cycles and other time-based stats with your local time. 68 | 2. **Newsletter Subscription**: Manage your subscription to the daily.dev newsletter, which offers curated content, updates, and news for the developer community. 69 | -------------------------------------------------------------------------------- /docs/your-profile/activity.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 0 3 | description: "Explore the activity stats on daily.dev to track your reading habits, favorite tags, earned badges, posts, and comments. Gain insights into your engagement and progress." 4 | --- 5 | 6 | # Activity 7 | 8 | The activity stats on your daily.dev profile provide insights into your reading habits, favorite tags, badges earned from the weekly goal, as well as your posts and comments made on the platform. These stats help you track your progress, interests, and engagement on daily.dev. 9 | 10 | ![Profile activity tab with reading streak and posts rea in the last year](https://github.com/user-attachments/assets/b414b6da-a901-4f1a-af7b-4c27782e7964) 11 | 12 | 13 | ## Badges from Weekly Goal 14 | 15 | The badges earned from the weekly goal highlight your achievements and engagement on daily.dev. The weekly goal encourages you to read posts and interact with the community regularly. As you reach milestones, you earn badges as recognition for your efforts, which can be displayed on your profile to showcase your dedication to continuous learning and active participation. 16 | 17 | ## Reading Matrix 18 | 19 | The reading matrix provides a visual representation of the number of posts you’ve read over the year. It shows your reading activity month by month, allowing you to track your reading trends and progress. This can be a great motivator to set reading goals and maintain consistency in your learning journey. 20 | 21 | ## Favorite Tags 22 | 23 | The favorite tags section displays the tags you’ve engaged with the most, based on your reading history. It gives insights into your top areas of interest and helps you discover new content related to these tags. This feature allows you to personalize your reading experience and stay current with trends in your favorite topics. 24 | 25 | ## Posts and Comments 26 | 27 | The posts and comments section shows your contributions to the daily.dev community, including the number of posts and comments you’ve made. This feature enables you to track your activity and showcase your expertise and interests, allowing others to see your engagement within the community. 28 | 29 | Overall, the activity stats on your daily.dev profile provide valuable insights into your reading habits, engagement, and contributions. They help you track your progress, stay motivated, and highlight your achievements. Explore your activity stats to enhance your learning and networking experience on daily.dev! 30 | -------------------------------------------------------------------------------- /docs/your-profile/deleting-your-profile.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 8 3 | description: "Learn how to permanently delete your daily.dev profile, including all associated content, bookmarks, posts, and comments. Important steps and considerations before proceeding." 4 | --- 5 | 6 | # Deleting Your Profile 7 | 8 | ## How to Delete Your Profile 9 | 10 | If you wish to delete your account on daily.dev, please follow these steps: 11 | 12 | 1. Go to your profile by clicking on your profile icon. 13 | 2. Click on "Account Details" in the profile menu. 14 | 3. Click on the "Security" section. 15 | 4. Scroll down until you reach the "Danger zone" section. 16 | 5. Click on the "Delete account" button. 17 | 18 | ![Profile deletion button in danger zone](https://github.com/user-attachments/assets/9c569cf9-ddfb-4932-a73e-5ba6b11fe27c) 19 | 20 | :::danger 21 | **Important:** Deleting your account is **unrecoverable and cannot be undone**. 22 | ::: 23 | 24 | ## What Will Be Deleted? 25 | 26 | When you delete your account, the following actions will occur: 27 | 28 | 1. Your profile, along with your authentication associations, will be permanently deleted. 29 | 2. All your content, including posts, bookmarks, comments, upvotes, etc., will be permanently removed. 30 | 3. Your username will become available to other users. 31 | 32 | For any questions or assistance, feel free to contact [support@daily.dev](mailto:support@daily.dev), and our team members will be glad to help. Please remember, deleting your account is a permanent action, so proceed with caution. 33 | -------------------------------------------------------------------------------- /docs/your-profile/devcard.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 6 3 | description: "Create and customize your daily.dev DevCard to showcase your activity, interests, and reputation. Learn how to generate, customize, and share your DevCard on social media, GitHub, and more." 4 | --- 5 | 6 | # DevCard 7 | 8 | ## Show Off Your daily.dev Activity! 9 | 10 | The DevCard is a fun way to showcase your daily.dev activity and share your dev interests and commitment with others. It shows info on how many posts you’ve read on daily.dev, how many reputation points you have, the sources and tags you read, and Squads you’ve joined. It’s been a while since we released the DevCard, and we’re excited to update it and make it cooler. You can generate your own DevCard, customize it, and share it with the hashtag #DevCard to flex with friends and colleagues. 11 | 12 | Highlight of the DevCard showcasing daily.dev user activity 13 | 14 | ## How to Generate Your DevCard 15 | 16 | Generating your DevCard is quick and easy! Simply click on your profile picture (make sure you’re logged in) and click on the DevCard button. Another option is to directly visit https://app.daily.dev/devcard. This will take you to a page where you can customize your DevCard by choosing your theme (themes unlock as you gain reputation points! [Click here](https://docs.daily.dev/docs/your-profile/reputation) to learn how to get more reputation points and unlock more themes). You can also choose whether the card should be vertical or horizontal, select your background image, and decide whether or not your image will have a border. 17 | Once you're satisfied with your customization, click the "Generate DevCard" button to generate your unique DevCard. 18 | 19 | DevCard customization options including theme, layout, and background 20 | 21 | ## Limited-Edition DevCards 22 | 23 | Watch this space for limited edition DevCards, skins, and special features. Stay tuned for exciting updates! 24 | 25 | ## Sharing Your DevCard​ 26 | 27 | Share your DevCard (don’t forget to tag #DevCard) on social media by downloading and sharing the image. We’ll be scanning for posts and have some very cool giveaways to hand out to those who share. 28 | 29 | ## Adding DevCard to Your X (Formerly Twitter) Profile 30 | 31 | Download the DevCard X header image to give people a snapshot of the kind of developer you are and what interests you, as soon as they open your profile. 32 | 33 | ## Adding DevCard to Your GitHub Profile 34 | 35 | Once you've generated your DevCard, you can add it to your GitHub profile or embed it in your website. This can be a great way to highlight your interests, achievements, and engagement with daily.dev to fellow developers and potential employers. 36 | 37 | Here's the [full tutorial](https://daily.dev/blog/adding-the-daily-devcard-to-your-github-profile) 38 | 39 | A Video Version: 40 | 41 | 42 | -------------------------------------------------------------------------------- /docs/your-profile/reading-history.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 2 3 | description: "Access your daily.dev reading history to revisit posts, bookmark, upvote, or share. Learn how to make the most of this feature to stay organized and never lose track of valuable content." 4 | --- 5 | 6 | # Reading History 7 | 8 | Access and track your daily.dev reading history 9 | 10 | ## How Does Reading History Work? 11 | 12 | At daily.dev, we understand the challenge of keeping up with engaging content in a constantly changing feed. The **Reading History** feature lets you track every post you've read, so you never lose sight of valuable content. When you read a post, it may disappear from your feed after a few minutes due to the feed algorithm. With Reading History, you can easily revisit any post, even if it's no longer in your feed. 13 | 14 | Additional options available within reading history: 15 | - Save the post in your bookmarks. 16 | - Upvote or downvote the post. 17 | - Share the post. 18 | - Remove the post from your reading history. 19 | 20 | ## How to Access Your Reading History 21 | 22 | Accessing your reading history on daily.dev is straightforward. Here’s how: 23 | 24 | 1. **Direct URL Access**: Visit your reading history directly at [https://app.daily.dev/history](https://app.daily.dev/history). This page lists all the posts you’ve read, organized by date and time. 25 | 2. **Sidebar Access**: Click the **"History"** button in the sidebar. This brings you instantly to your reading history page, where you can view all previously read posts. 26 | 27 | Access your reading history directly from the sidebar 28 | 29 | With Reading History, you can effortlessly revisit valuable content, track your learning journey, and stay organized on daily.dev. Say goodbye to losing track of posts you’ve read—access them anytime from your profile! 30 | -------------------------------------------------------------------------------- /docs/your-profile/top-readers.md: -------------------------------------------------------------------------------- 1 | --- 2 | sidebar_position: 5 3 | description: "Celebrate your dedication by earning a Top Reader badge and gain recognition for your activity within specific categories." 4 | --- 5 | 6 | # Top Readers 7 | Top Readers rewards active readers with a badge that highlights their engagement in specific content categories. By encouraging continuous reading, this feature also enables users to share their achievements with others, boosting personal and community engagement across the platform 8 | 9 | ## Prerequisites 10 | To be eligible for a Top Reader badge, simply stay active on daily.dev and engage consistently with content in various categories. There’s no additional setup required to start earning badges. 11 | 12 | ## Benefits of the Top Readers Feature 13 | - **Recognition**: Stand out in the community with a visible badge on your profile. 14 | - **Motivation**: Track and celebrate your reading habits to stay engaged with topics you love. 15 | - **Community**: Share your badge with friends and colleagues to encourage others to dive deeper into relevant content. 16 | 17 | ![top readers displayed on profile page](https://daily-now-res.cloudinary.com/image/upload/v1730663961/docs/SCR-20241103-szmp.png) 18 | 19 | ## How to Earn a Top Reader Badge 20 | Here's how you can become a Top Reader: 21 | 22 | 1. **Read consistently**: Spend time engaging with posts in specific content categories. Categories with higher engagement across the platform are eligible for the Top Reader badge. 23 | 2. **Monthly evaluation**: Every month, daily.dev evaluates reading days for each category. Based on engagement, certain high-activity tags are "whitelisted" for badge eligibility. 24 | 3. **Notification**: If you're among the top readers for a category, you’ll receive both an in-app notification and an email letting you know you’ve earned the Top Reader badge. 25 | 4. **Display on profile**: Once awarded, your badge will display on your profile, showcasing the number of times you've earned this recognition and the specific categories where you excel. 26 | 27 | ## Badge Frequency and Display 28 | - **Monthly updates**: Badges are awarded each month based on the previous month’s activity. Stay consistent to earn badges across multiple categories! 29 | - **Profile display**: Your Top Reader badge will show on your profile page, highlighting the number of times you've earned it and the categories associated with your achievements. 30 | - **Badge download**: Download your badge from the in-app notification to share your accomplishment outside of daily.dev. 31 | 32 | ## Troubleshooting 33 | If your badge isn’t displaying correctly or if you don’t receive a notification after significant activity in a category: 34 | - Verify your reading days and make sure you’re engaging consistently in high-activity categories. 35 | - Refresh your profile page after receiving the in-app notification. 36 | - For further support, reach out to [support@daily.dev](mailto:support@daily.dev). -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "dailydev-docs", 3 | "version": "0.13.0", 4 | "private": true, 5 | "scripts": { 6 | "docusaurus": "docusaurus", 7 | "start": "docusaurus start", 8 | "build": "docusaurus build", 9 | "swizzle": "docusaurus swizzle", 10 | "deploy": "docusaurus deploy", 11 | "clear": "docusaurus clear", 12 | "serve": "docusaurus serve", 13 | "write-translations": "docusaurus write-translations", 14 | "write-heading-ids": "docusaurus write-heading-ids", 15 | "docker:compose": "docker compose up --build", 16 | "docker:run": "docker run -p 3000:3000 francescoxx/dailydev-docs:0.9.3" 17 | }, 18 | "dependencies": { 19 | "@docusaurus/core": "^3.4.0", 20 | "@docusaurus/plugin-client-redirects": "^3.5.2", 21 | "@docusaurus/plugin-ideal-image": "^3.5.2", 22 | "@docusaurus/plugin-sitemap": "^3.5.2", 23 | "@docusaurus/preset-classic": "^3.4.0", 24 | "@docusaurus/theme-search-algolia": "^3.4.0", 25 | "@mdx-js/react": "^3.0.1", 26 | "@svgr/webpack": "^8.1.0", 27 | "clsx": "^2.1.1", 28 | "file-loader": "^6.2.0", 29 | "prism-react-renderer": "^2.3.1", 30 | "react": "^18.3.1", 31 | "react-dom": "^18.3.1", 32 | "url-loader": "^4.1.1" 33 | }, 34 | "browserslist": { 35 | "production": [ 36 | ">0.5%", 37 | "not dead", 38 | "not op_mini all" 39 | ], 40 | "development": [ 41 | "last 1 chrome version", 42 | "last 1 firefox version", 43 | "last 1 safari version" 44 | ] 45 | } 46 | } -------------------------------------------------------------------------------- /sidebars.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Creating a sidebar enables you to: 3 | - create an ordered group of docs 4 | - render a sidebar for each doc of that group 5 | - provide next/previous navigation 6 | 7 | The sidebars can be generated from the filesystem, or explicitly defined here. 8 | 9 | Create as many sidebars as you want. 10 | */ 11 | 12 | // @ts-check 13 | 14 | /** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */ 15 | const sidebars = { 16 | // By default, Docusaurus generates a sidebar from the docs folder structure 17 | tutorialSidebar: [{type: 'autogenerated', dirName: '.'}], 18 | 19 | // But you can create a sidebar manually 20 | /* 21 | tutorialSidebar: [ 22 | { 23 | type: 'category', 24 | label: 'Tutorial', 25 | items: ['hello'], 26 | }, 27 | ], 28 | */ 29 | }; 30 | 31 | module.exports = sidebars; 32 | -------------------------------------------------------------------------------- /src/components/HomepageFeatures.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import clsx from 'clsx'; 3 | import styles from './HomepageFeatures.module.css'; 4 | 5 | const FeatureList = [ 6 | { 7 | title: 'NEVER MISS NEW TRENDS.', 8 | Svg: require('../../static/img/Boost.svg').default, 9 | description: ( 10 | <> 11 | Discover brand-new content as soon as its published. I can easily make you stand out as that developer who is always in-the-know about the latest buzzwords. Thank us later... 12 | 13 | ), 14 | }, 15 | { 16 | title: 'SAVE TIME LIKE A PRO.', 17 | Svg: require('../../static/img/Time.svg').default, 18 | description: ( 19 | <> 20 | Searching for content isn't a thing developers should do in 2021. daily.dev recommends tailor-made dev news so you can have something interesting to read anytime. 21 | 22 | ), 23 | }, 24 | { 25 | title: 'BE PART OF A COMMUNITY.', 26 | Svg: require('../../static/img/Community.svg').default, 27 | description: ( 28 | <> 29 | daily.dev is a community of developers getting together around discovering and exploring dev news. Join the movement to empower better software together. 30 | 31 | ), 32 | }, 33 | ]; 34 | 35 | function Feature({ Svg, title, description }) { 36 | return ( 37 |
38 |
39 | 40 |
41 |
42 |

{title}

43 |

{description}

44 |
45 | 46 |
47 | ); 48 | } 49 | 50 | export default function HomepageFeatures() { 51 | return ( 52 |
53 |
54 |
55 | {FeatureList.map((props, idx) => ( 56 | 57 | ))} 58 |
59 |
60 |
61 | ); 62 | } 63 | -------------------------------------------------------------------------------- /src/components/HomepageFeatures.module.css: -------------------------------------------------------------------------------- 1 | .features { 2 | display: flex; 3 | align-items: center; 4 | padding: 2rem 0; 5 | width: 100%; 6 | } 7 | 8 | .featureSvg { 9 | height: 200px; 10 | width: 200px; 11 | } 12 | 13 | 14 | 15 | /* a:link {color:#FF0000;} */ -------------------------------------------------------------------------------- /src/components/HomepageNavBoxes.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import clsx from 'clsx'; 3 | import styles from './HomepageNavBoxes.module.css'; 4 | 5 | const FeatureList = [ 6 | { 7 | title: 'NEVER MISS NEW TRENDS.', 8 | Svg: require('../../static/img/Boost.svg').default, 9 | description: ( 10 | <> 11 | Discover brand-new content as soon as its published. I can easily make you stand out as that developer who is always in-the-know about the latest buzzwords. Thank us later... 12 | 13 | ), 14 | }, 15 | { 16 | title: 'SAVE TIME LIKE A PRO.', 17 | Svg: require('../../static/img/Time.svg').default, 18 | description: ( 19 | <> 20 | Searching for content isn't a thing developers should do in 2021. daily.dev recommends tailor-made dev news so you can have something interesting to read anytime. 21 | 22 | ), 23 | }, 24 | { 25 | title: 'BE PART OF A COMMUNITY.', 26 | Svg: require('../../static/img/test.svg').default, 27 | description: ( 28 | <> 29 | daily.dev is a community of developers getting together around discovering and exploring dev news. Join the movement to empower better software together. 30 | 31 | ), 32 | }, 33 | ]; 34 | 35 | function Feature({ Svg, title, description }) { 36 | return ( 37 |
38 |
39 | 40 |
41 |
42 |

{title}

43 |

{description}

44 |
45 | 46 |
47 | ); 48 | } 49 | 50 | export default function HomepageFeatures() { 51 | return ( 52 |
53 |
54 |
55 | {FeatureList.map((props, idx) => ( 56 | 57 | ))} 58 |
59 |
60 |
61 | ); 62 | } 63 | -------------------------------------------------------------------------------- /src/components/HomepageNavBoxes.module.css: -------------------------------------------------------------------------------- 1 | .features { 2 | display: flex; 3 | align-items: center; 4 | padding: 2rem 0; 5 | width: 100%; 6 | } 7 | 8 | .featureSvg { 9 | height: 200px; 10 | width: 200px; 11 | } 12 | 13 | 14 | 15 | /* a:link {color:#FF0000;} */ -------------------------------------------------------------------------------- /src/components/homepage/homeNavBoxes.module.css: -------------------------------------------------------------------------------- 1 | .features { 2 | display: flex; 3 | align-items: center; 4 | padding: 2rem 0; 5 | width: 100%; 6 | } 7 | 8 | .grid3col { 9 | display: grid; 10 | grid-template-columns: repeat(4, minmax(0, 1fr)); 11 | gap: 56px; 12 | margin: 0 auto; 13 | padding: 0; 14 | } 15 | 16 | @media screen and (max-width: 1680px) { 17 | .grid3col { 18 | grid-template-columns: repeat(3, minmax(0, 1fr)); 19 | } 20 | } 21 | 22 | @media screen and (max-width: 1180px) { 23 | .grid3col { 24 | grid-template-columns: repeat(2, minmax(0, 1fr)); 25 | } 26 | } 27 | 28 | @media screen and (max-width: 768px) { 29 | .grid3col { 30 | grid-template-columns: 1fr; 31 | gap: 32px; 32 | } 33 | } 34 | 35 | .listContainer { 36 | min-height: 20rem; 37 | } 38 | 39 | @media screen and (max-width: 768px) { 40 | .listContainer { 41 | min-height: 5rem; 42 | padding-bottom: 1rem; 43 | } 44 | } 45 | 46 | .listContainer ul { 47 | padding-left: 0; /* Remove any left padding from the