Создание блога Tailwind на Next.js
Статья от создателя Tailwind про опыт разработки блога для своего CSS фреймворка
#nextjs #frontend #webdev #javascript #jsarticle
Статья от создателя Tailwind про опыт разработки блога для своего CSS фреймворка
#nextjs #frontend #webdev #javascript #jsarticle
Tailwindcss
Building the Tailwind Blog with Next.js - Tailwind CSS
One of the things we believe as a team is that everything we make should be sealed with a blog post. Forcing ourselves to write up a short announcement post for every project we work on acts as a built-in quality check, making sure that we never call a project…
Серия туториалов о создании веб приложений на Next.js, TypeScript и GraphQL
Ссылка на плейлист: https://www.youtube.com/watch?v=kfmh2mMf3fs&list=PLN3n1USn4xlkDk8vPVtgyGG3_1eXYPrW-
#jsvideo #graphql #webdev #frontend #nextjs #javascript #typescript #react
Ссылка на плейлист: https://www.youtube.com/watch?v=kfmh2mMf3fs&list=PLN3n1USn4xlkDk8vPVtgyGG3_1eXYPrW-
#jsvideo #graphql #webdev #frontend #nextjs #javascript #typescript #react
YouTube
Setting Up Typescript Next.js Project
Learn how to setup a Next.js project with typescript.
Code: https://github.com/benawad/typescript-nextjs-graphql-series/tree/0_setup
Server Code: https://github.com/benawad/type-graphql-series
GraphQL Server Playlist: https://www.youtube.com/playlist?…
Code: https://github.com/benawad/typescript-nextjs-graphql-series/tree/0_setup
Server Code: https://github.com/benawad/type-graphql-series
GraphQL Server Playlist: https://www.youtube.com/playlist?…
Создание JAMStack приложения с аутентификацией на Next.js, Airtable, Tailwind CSS и Auth0
#jsarticle #javascript #nextjs #react #fullstack #webdev #airtable #auth0 #tailwind
#jsarticle #javascript #nextjs #react #fullstack #webdev #airtable #auth0 #tailwind
James Q Quick's Blog
Build an Authenticated JAMstack App with Next.js, Airtable, Tailwind CSS, and Auth0
Next.js makes building Full-stack applications in the JAMstack much easier, but there's still a few pieces to figure out. Where are you going to store data? How are you handling authentication? Well, here's how we are going to put it all together.
N...
N...
Сравнение скорости генераторов статических сайтов
Сравниваются 11ty, Gatsby, Hugo, Jekyll, Next.js и Nuxt.js
Вкратце:
- Hugo самый быстрый в независимости от количества файлов
- Next.js быстрее чем Jekyll при 32К файлах и быстрее чем Jekyll и 11ty при 64К файлах
- Gatsby оказался самым медленным
#jsarticle #javascript #11ty #gatsby #ssg #hugo #jekyll #nuxt #nextjs
Сравниваются 11ty, Gatsby, Hugo, Jekyll, Next.js и Nuxt.js
Вкратце:
- Hugo самый быстрый в независимости от количества файлов
- Next.js быстрее чем Jekyll при 32К файлах и быстрее чем Jekyll и 11ty при 64К файлах
- Gatsby оказался самым медленным
#jsarticle #javascript #11ty #gatsby #ssg #hugo #jekyll #nuxt #nextjs
CSS-Tricks
Comparing Static Site Generator Build Times
There are so many static site generators (SSGs). It’s overwhelming trying to decide where to start. While an abundance of helpful articles may help wade
Aleph - React фреймворк для Deno, вдохновлённый Next.js
Как и в Next.js, в Aleph поддерживаются:
- статическая генерация и серверный рендеринг
- файловый роутинг
- HMR и Fast Refresh
- встроенная поддержка CSS импортов
Помимо фич Next.js, у Aleph есть свои собственные:
- Полная поддержка ESM (т.к. в Deno ESM - стандартная система)
- ESM модули как в сервере, так и в браузере, в результате меньший чем в Next.js бандл
- Отказ от поддержки IE11 (поддерживаются Chrome 61+, Edge 16+, Firefox 60+, Safari 11+ и Opera 48+)
#jslib #deno #backend #frontend #fullstack #react #webdev #nextjs
Как и в Next.js, в Aleph поддерживаются:
- статическая генерация и серверный рендеринг
- файловый роутинг
- HMR и Fast Refresh
- встроенная поддержка CSS импортов
Помимо фич Next.js, у Aleph есть свои собственные:
- Полная поддержка ESM (т.к. в Deno ESM - стандартная система)
- ESM модули как в сервере, так и в браузере, в результате меньший чем в Next.js бандл
- Отказ от поддержки IE11 (поддерживаются Chrome 61+, Edge 16+, Firefox 60+, Safari 11+ и Opera 48+)
#jslib #deno #backend #frontend #fullstack #react #webdev #nextjs
alephjs.org
10 Rekomendasi Agensi Digital Marketing di Jakarta untuk Bisnis Anda
Temukan 10 rekomendasi agensi digital marketing terbaik di Jakarta yang siap membantu mengembangkan bisnis Anda. Dari strategi pemasaran online hingga peningkatan brand awareness, agensi-agensi ini menawarkan layanan profesional untuk memaksimalkan potensi…
next-translate - Next.js плагин для лёгкой интернационализации сайтов с помощью i18n
- Поддерживает автоматическую оптимизацию страниц (встроенная фича Next.js)
- Плагин лёгок в использовании и настройке
- Загружает только необходимый язык для перевода страницы
- Весит всего 1KB, поддерживает tree shaking, не имеет зависимостей
#jslib #nextjs #javascript #frontend #webdev #react
- Поддерживает автоматическую оптимизацию страниц (встроенная фича Next.js)
- Плагин лёгок в использовании и настройке
- Загружает только необходимый язык для перевода страницы
- Весит всего 1KB, поддерживает tree shaking, не имеет зависимостей
#jslib #nextjs #javascript #frontend #webdev #react
GitHub
GitHub - aralroca/next-translate: Next.js plugin + i18n API for Next.js 🌍 - Load page translations and use them in an easy way!
Next.js plugin + i18n API for Next.js 🌍 - Load page translations and use them in an easy way! - aralroca/next-translate
Счётчик просмотра страниц на Next.js и Supabase
#jsarticle #nextjs #frontend #webdev #fullstack #supabase #javascript #webdev #react
#jsarticle #nextjs #frontend #webdev #fullstack #supabase #javascript #webdev #react
Codebycorey
Real-time Page Views with Next.js and Supabase
Let's Build our own real-time page view tracker using Next.js as the frontend framework and a Postgres database hosted by Supabase.
next-dark-mode — библиотека для добавления тёмного режима в Next.js приложения
#jslib #nextjs #react #frontend #webdev #javascript
#jslib #nextjs #react #frontend #webdev #javascript
GitHub
GitHub - xeoneux/next-dark-mode: 🌑 Enable dark mode for Next.js apps
🌑 Enable dark mode for Next.js apps. Contribute to xeoneux/next-dark-mode development by creating an account on GitHub.
Создание чата в реальном времени с SMS уведомлениями на Next.js, Prisma и GraphQL
#jsarticle #javascript #frontend #webdev #react #graphql #fullstack #prisma #nextjs
#jsarticle #javascript #frontend #webdev #react #graphql #fullstack #prisma #nextjs
Medium
Building a Realtime GraphQL Chat Application With SMS Notifications
With the emergence of GraphQL came a new way for developers to develop client/server applications. The benefits of developing GraphQL…