express - TypeScript ve webpack ile NextJs + ExpressJs kullanamıyorum
ExpressJs'i TypeScript ile kurmak ve InversifyJS ile IOC kullanmak istiyorum ve Nextjs'i es6 ile kullanmak istiyorum. Ayrıca paketlemek için webpack kullanmak istiyorum. Sunucu tarafı render yapmak için server.ts dosyasında Next'i import etmem gerektiğinden Nextjs için de TypeScript'i kurdum, ama client kl
DAHA FAZLASI →reactjs - React Typescript uygulamasını Nextjs'e dönüştürme
Nextjs'e yeniyim ve Reactjs + Typescript kullanarak bir web uygulaması geliştirdim ve bunu Nextjs'e dönüştürmek istiyorum. Hangi dosyanın nereye gideceği ve kurulum kısmı hakkında kafam karıştı. Mevcut web uygulaması (Reactjs ile Typescript) bir veritabanına (Postdb) ve aşağıdaki gibi işlevlere sahip:
reactjs - NextJS: Mevcut asPath'e yeni sorgu dizesi değeri eklemek veya mevcut sorgu dizgesini güncellemek
NextJS yönlendirme sisteminin nasıl çalıştığı konusunda biraz kayboldum:
Kategorilere göre olabilecek makalelerim var:
Medical Charity Wedding FuneralBir navigasyon çubuğuna sahibim ve kullanıcı makaleleri kategoriye göre görüntüleyebilir ve ayrıca bir anahtar kelimeyle arama yapabilir. Kategori özelliği mükemmel çalışıyor.
İşte navbarımın görünümü böyle:
DAHA FAZLASI →reactjs - Bu durumda NextJS'te setState neden çalışmadı?
Herkese merhaba! Bir sorunum var - setState NextJS + TS uygulamamda çalışmıyor. Durumumu ReactHooks ile denedim, ama hiçbir şey işe yaramadı, bileşeni sınıflara çevirdim, ama yine hiçbir şey işe yaramadı. Bu bileşeni TypeScript olmadan yeni oluşturduğum bir CRA uygulamasında çal
DAHA FAZLASI →typescript - Nextjs yol adında sorgu parametreleri çözülüyor
Bir uygulamada gezinmek için URL'i kullandığımız bir API'den bazı verileri alıyoruz. Link bileşenimizde URL'i şu şekilde geçiriyoruz: <Link href={{ pathname: url , someOtherProperty }} />. Burada URL şu şekilde görünüyor: /path-to-page?query=value, ancak istemci tarafında baktığımda
DAHA FAZLASI →reactjs - Nextjs'in kaydedildiğinde Typescript tür hatalarını göstermesini nasıl sağlarız
Nextjs Typescript projesiyle çalışıyorum ve tür hatalarının uygulama çalışmasını durdurmadığını fark ediyorum, bu benim için bir sorun, ama daha büyük bir sorun, çünkü TypeError derleme zamanında meydana geliyor ve tür hatalarını çoğunlukla dağıtım yapmam gerektiğinde fark ediyorum.
Geliştirirken typescript hatalarının uygulama çalışmasını engellemesini sağlayacak bir yol var mı? Bunu gerçekleştirmek için hangi yapılandırmayı kullanmalıyım?
Bu benim
DAHA FAZLASI →next.js - Nx çalışma alanında bir NextJS Uygulaması oluştururken - hata alınıyor: 'typescript' modülü bulunamıyor
Yeni bir @nrwl/workspace oluştururken ve bir next JS uygulaması eklerken - Error: Cannot find module 'typescript' hatası alıyorum. Aynı sorunla karşılaşan var mı?
Adımlar -
- Yeni bir nx çalışma alanı oluştur
- NextJS Öntanımlı ile Yeni Bir Uygulama Oluştur
- Uygulamayı nx run <app-name>:build ile derleyin
- dist/apps/<app-name> klasöründen resim oluşturun veya dist'i bir yere kopyalayın
- yarn veya DAHA FAZLASI →
typescript - NextJs uygulamasında tek bir JSON dosyası için resolveJsonModule özelliğini nasıl devre dışı bırakabilirim?
Nextjs ile bir uygulama geliştiriyorum, vercel ile dağıtım yapıyorum. Her şey sorunsuz çalışıyordu, ta ki yakın zamanda büyük bir json dosyasında bazı değişiklikler yapana kadar; bu değişiklik dosyanın boyutunu yaklaşık %20 artırdı. Boyut artışı, bir tür limiti aşmış gibi görünüyor ve artık webpack 5 hataları alıyorum; bu hatalar, typescript tür çözümlemesinden kaynaklanıyor gibi görünüyor.
JSON dosyasını doğrudan bir import ile içe aktarıyorum. Toplayabildiğim kadarıyla, tsconfig.json'
DAHA FAZLASI →reactjs - Özel özelliklere sahip Nextjs Bileşenini Çocuk Olarak Nasıl Geçerim
Bileşenlerime Auth adında bir özellik eklemek için bir arayüz oluşturdum
interface AuthAppProps extends Omit<AppProps, "Component"> { Component: AppProps["Component"] & { Auth: boolean }; }Böylece performans gösterebilirim
const App: React.FC<AuthAppProps> = (props) =>{ const { Component, pageProps: { session, ...pageProps }, } = props; return ( <SessionProvider session={ses DAHA FAZLASI →reactjs - NextJS kullanarak TypeScript ve useContext kancası ile React'te JWT'yi bir çerezde doğru şekilde nasıl saklanır
Kullanıcı ayarlanıyor ve tüm sayfalarda kalıcı, ancak tarayıcı penceresi yenilendiğinde kullanıcı çıkış yapıyor. Sorunun çerezleri nasıl ayarladığımla ilgili olup olmadığından emin değilim, herhangi bir tavsiye veya alternatif çok memnuniyetle karşılanır.
İşte UserContext dosyası:
import { destroyCookie } from "nookies"; import { setCookie } from "nookies"; import React from "react"; // import { useCookies } from "react-co DAHA FAZLASI →